Microsoft Planner and To-Do integration broken - DOM selectors outdated (January 2026)

[Shidaa23]

Problem

The Clockify extension timer button is no longer appearing in Microsoft Planner or Microsoft To-Do as of late January 2026.

Evidence

1. Verified the integration is configured: Both integrations are present in integrations.json:

   • Microsoft Planner: tasks.office.com and planner.cloud.microsoft
   • Microsoft To-Do: to-do.office.com

2. Located the problem: The microsoft-planner.js integration script contains hardcoded CSS selectors for DOM elements that no longer match the current Microsoft UI:

   • .taskGridContainer .grid-row (grid view)
   • boardView.cardTaskName (board view)
   • boardView.projectName (board view)
   • boardView.cardBottomSection (board view)
   • modalView.taskNameInput (modal view)
   • modalView.cardHeaderTitle (modal view)

3. Last update: The microsoft-planner.js file was last committed on April 23, 2025 - over 9 months ago. Microsoft has clearly updated their UI since then, breaking the integration.

4. No community reports: Searched the GitHub issues, Clockify forums, and community channels - no other users have reported this recently, suggesting the UI changes may have been rolled out gradually or to specific regions.

What's Happening

When visiting Microsoft Planner with the Clockify extension enabled, no timer buttons appear on any tasks. The integration script cannot find the expected DOM elements because Microsoft's Planner interface has been redesigned.

Solution Required

The selectors in src/integrations/microsoft-planner.js and src/integrations/microsoft-todo.js need to be updated to match the current Microsoft UI structure. The CSS class names and DOM hierarchy have clearly changed since April 2025.

Environment

• Date Discovered: Late January 2026
• Last Known Working: Early January 2026
• Browser: Chrome
• Platform: Windows

[SupportTeamCAKEcom]

Hi there,
Thank you for the report.
We will investigate this on our end further.
Have a nice day ahead!