[bug]: WebKit-based browser Kanban view crash.

[sunyitao]

Is there an existing issue for this?

• I have searched the existing issues

Current behavior

WebKit-based browser Kanban view crash. Root cause:

[Error] React Router caught the following error during render – TypeError: window.requestIdleCallback is not a function. (In 'window.requestIdleCallback(()=>{h.current&&(S.current=`${h.current.offsetHeight}px`)})', 'window.requestIdleCallback' is undefined) — gantt-layout-loader-Bameferh.js:1:5524
TypeError: window.requestIdleCallback is not a function. (In 'window.requestIdleCallback(()=>{h.current&&(S.current=`${h.current.offsetHeight}px`)})', 'window.requestIdleCallback' is undefined) — gantt-layout-loader-Bameferh.js:1:5524
	componentDidCatch (chunk-EPOLDU6W-PsE1YSAx.js:4:2496)

Steps to reproduce

1. change workitem view to kanban in safari( macos and ios)

Environment

Production

Browser

Safari

Variant

Self-hosted

Version

v1.3.0

[makeplane]

Synced with Plane Workspace 🔄

[GIT-152] [bug]: WebKit-based browser Kanban view crash.

[aaas24]

Just adding to that tis issue reproduces on all iOS browsers (not just Safari on macOS) since apple forced chrome and Firefox to use Safari Webkit under the hood in iOS

I hit this on:

• Safari on macOS Catalina (Safari 15.x) — requestIdleCallback was added in Safari 16.4
• All browsers on iPhone/iOS — Chrome, Firefox, and Safari on iOS all use WebKit under the hood, so they all crash
  identically

Exact call site:
TypeError: window.requestIdleCallback is not a function
gantt-layout-loader-Bameferh.js:1:5524

Trigger: switching to any Gantt or Board layout view in a project.

Suggested fix: a two-line polyfill at the module entry point would cover all affected browsers:
window.requestIdleCallback = window.requestIdleCallback ||
function(cb) { return setTimeout(() => cb({ didTimeout: false, timeRemaining: () => Infinity }), 1); };
window.cancelIdleCallback = window.cancelIdleCallback || clearTimeout;