Bug 221876 - Overflow Auto Requires Specified Height
Summary: Overflow Auto Requires Specified Height
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Intel) macOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-02-14 09:47 PST by Justin Ferrell
Modified: 2021-02-22 11:17 PST (History)
3 users (show)

See Also:


Attachments
A screen recording of the scrolling issue described in the bug (21.99 MB, video/quicktime)
2021-02-14 09:47 PST, Justin Ferrell
no flags Details
A screenshot of one part of the bug, on the service Bugherd, showing the issue in Safari next to Firefox and Chrome. (33.82 KB, application/pdf)
2021-02-21 10:07 PST, Justin Ferrell
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Justin Ferrell 2021-02-14 09:47:11 PST
Created attachment 420240 [details]
A screen recording of the scrolling issue described in the bug

I wasn't able to find a duplicate of this anywhere, so I'm submitting a new bug. 

I've noticed this behavior on a few websites that seem to all work in other engines/browsers but I believe I've narrowed down the issue. 

In most browsers, elements can be set to overflow: auto; and allow scrolling without manually specifying a height. I've attached a video example of what I'm describing as seen in a web app for the bug-reporting tool Bugherd. In most browsers, the vertical list of issues can scroll but in Safari (TP and standard) it won't scroll until a height is specified. 

I was able to reproduce this in a few other websites but this was the easiest to record and share. 

Is this expected behavior?
Comment 1 Simon Fraser (smfr) 2021-02-15 14:07:34 PST
Can you share the URL of a page where this occurs?
Comment 2 Radar WebKit Bug Importer 2021-02-21 09:48:15 PST
<rdar://problem/74569398>
Comment 3 Justin Ferrell 2021-02-21 10:07:29 PST
Created attachment 421142 [details]
A screenshot of one part of the bug, on the service Bugherd, showing the issue in Safari next to Firefox and Chrome.
Comment 4 Justin Ferrell 2021-02-21 10:10:10 PST
It's actually on a few but in my testing, they are all services behind logins. 

I was able to see in the issue list on a Bugherd project. There are actually some other things that seem to be going on here too that are specific to Safari. I added an attachment today that shows this layout in Safari next to Firefox and Chrome.

The other two are services used by my school.
Comment 5 Simon Fraser (smfr) 2021-02-22 11:17:37 PST
Is there a public link to a Bugherd example?