Revise overflow and scrollable #27

New issue

Open

opened 2024-10-18 09:07:01 +00:00 by Rubicon · 1 comment

Rubicon commented

2024-10-18 09:07:01 +00:00

Owner

I’d like to revisit all the layout in tutu and discuss to override the default web policy, to make the overflow and especially the scrolling explicit.

That may help to implement scroll-based animation and improve the accessibility by more accurate scrollable area.

Web has soft policy over overflow and scrolling: (mostly) any element can overflow and even scrollable. That might be useful when the web page is simple, but not a cool feature for implementing complex layout, animation and interaction. I’d like to revisit all the layout in tutu and discuss to override the default web policy, to make the overflow and especially the scrolling explicit. That may help to implement scroll-based animation and improve the accessibility by more accurate scrollable area.

Rubicon changed title from ~~Revise overflow and scrolling~~ to Revise overflow and scrollable

2024-10-18 09:07:20 +00:00

Rubicon commented

2024-10-18 09:17:08 +00:00

Author

Owner

That’s about priority: like the notion does not care about this. Tutu should deliver best-in-class experience for all the platform. So the conclusion is we must find a way to workaround it before working on the override.

Here is the key problem preventing us to hide the overflow at html and body: the safari on iOS made use of the scroll to collapse the address bar. The regular users on the browser could not automatically hide the address bar when scrolling down. That’s about priority: like the notion does not care about this. Tutu should deliver best-in-class experience for all the platform. So the conclusion is we must find a way to workaround it before working on the override.