Rect utility does not work well on mobile devices for Window

[oleq]

Is this a bug report or feature request? (choose one)

🐞 Bug report

💻 Version of CKEditor

master

---

ATM we use window.innerWidth (Height) to determine the Rect of the window. As it turned out this is not the best way because these properties are wild on mobile devices.

As a result, UI components that rely on smart positioning (getOptimalPosition() helper) and have fitInViewport: true do not work well on mobiles in some cases. They get positioned beyond the boundaries of the visual viewport. That includes dropdown panels but I suppose other balloons are also affected by this issue.

I'm not sure there is a universal solution to the problem (because global properties are acting in a different way depending on the device) but the best solution I found so far is the VisualViewport API which is supported in most of the web browsers and should do the trick.

FYI (If you checked out the screenshot): We cannot simply use window.outerWidth|Height because that would backfire on desktops where these properties include more than just the webpage.

cc @mlewand @Reinmar

[CKEditorBot]

There has been no activity on this issue for the past year. We've marked it as stale and will close it in 30 days. We understand it may be relevant, so if you're interested in the solution, leave a comment or reaction under this issue.

[CKEditorBot]

We've closed your issue due to inactivity over the last year. We understand that the issue may still be relevant. If so, feel free to open a new one (and link this issue to it).