Bug 218704

Summary:

Safari Web Extension: Browser action popover with height >=441px glitches

Product:

WebKit

Reporter:

Rustem <winlinx>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Critical

CC:

bfulgham, bugs.webkit.org, crtdigmarketing, cscharf, graouts, simon.fraser, smoley, steve.nutter, timothy, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Safari 14

Hardware:

Mac

OS:

All

URL:

https://share.getcloudapp.com/qGuvddqj

Attachments:

Description	Flags
Reproducable Xcode project	none
Screen flickering doesnt happen in fullscreen mode	none

Rustem

Reported 2020-11-09 06:02:46 PST

Created attachment 413580 [details] Reproducable Xcode project Safari Web Extension in Safari 14: Elements in the bottom of big popover (>=441px height) behave strange. For example when I hover on such element the focus style and cursor constantly blink, it seems as if I move mouse really fast over element up down. This not happen for elements located before this threshold (above 441px height). Check video https://share.getcloudapp.com/qGuvddqj . I also attached reproducable Xcode project. I also noticed that something strange happening with layout recalculation in browser_action popovers. When you try to use libraries like react-textarea-autosize (auto resize textarea elements) - they work really slow, especially if you have more than one on a page. If I check Performance tab in Developer tools there 46% and 43% of processing time spend on Layout and Styles respectively. I suppose hover behaviour and layout recalculation problems I mentioned have something in common, so I decided to put them in one ticket.

Attachments
Reproducable Xcode project (246.57 KB, application/zip) 2020-11-09 06:02 PST, Rustem	no flags	Details
Screen flickering doesnt happen in fullscreen mode (7.28 MB, video/mp4) 2021-08-01 00:54 PDT, Rustem	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Rustem

Comment 1 2020-11-09 06:05:07 PST

This may looks like a minor bug, but in real app when it have many elements everything feel junky. This bug prevent me to release my web extension for Safari 14. Please help! I send ticket in Macos Feedback tool few weeks ago, no response.

Radar WebKit Bug Importer

Comment 2 2020-11-09 09:54:32 PST

<rdar://problem/71196650>

Smoley

Comment 3 2020-11-10 17:35:55 PST

Can you please post the Feedback ID?

Rustem

Comment 4 2020-11-12 00:28:17 PST

(In reply to Smoley from comment #3) > Can you please post the Feedback ID? FB8784553

Rustem

Comment 5 2020-12-01 00:52:22 PST

Sorry no update?

Chad

Comment 6 2021-07-15 12:51:56 PDT

We are also experiencing this issue @ Bitwarden after migrating to Web Extensions. Any update or movement from Apple's side?

Rustem

Comment 7 2021-08-01 00:54:51 PDT

Created attachment 434714 [details] Screen flickering doesnt happen in fullscreen mode

Rustem

Comment 8 2021-08-01 00:55:18 PDT

Also when Safari in full-screen mode flickering doesn't happen. I attached a video

steve.nutter

Comment 9 2022-01-09 22:10:55 PST

This tiny window size has been an awful experience using Bitwarden with Safari for a year now. Chad also mentions this on 2021-07-15 and there's been zero traction on the issue. WHEN is this going to get fixed by Apple? Still an issue on Safari 15.2. Thanks!

Brent Fulgham

Comment 10 2022-01-10 11:04:24 PST

This is actually: <rdar://problem/70083294>

Note You need to log in before you can comment on or make changes to this bug.