Bug 218704 - Safari Web Extension: Browser action popover with height >=441px glitches
Summary: Safari Web Extension: Browser action popover with height >=441px glitches
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 14
Hardware: Mac All
: P2 Critical
Assignee: Nobody
URL: https://share.getcloudapp.com/qGuvddqj
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-11-09 06:02 PST by Rustem
Modified: 2023-07-28 12:34 PDT (History)
11 users (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
Description Rustem 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.
Comment 1 Rustem 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.
Comment 2 Radar WebKit Bug Importer 2020-11-09 09:54:32 PST
<rdar://problem/71196650>
Comment 3 Smoley 2020-11-10 17:35:55 PST
Can you please post the Feedback ID?
Comment 4 Rustem 2020-11-12 00:28:17 PST
(In reply to Smoley from comment #3)
> Can you please post the Feedback ID?

FB8784553
Comment 5 Rustem 2020-12-01 00:52:22 PST
Sorry no update?
Comment 6 Chad 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?
Comment 7 Rustem 2021-08-01 00:54:51 PDT
Created attachment 434714 [details]
Screen flickering doesnt happen in fullscreen mode
Comment 8 Rustem 2021-08-01 00:55:18 PDT
Also when Safari in full-screen mode flickering doesn't happen. I attached a video
Comment 9 steve.nutter 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!
Comment 10 Brent Fulgham 2022-01-10 11:04:24 PST
This is actually:

<rdar://problem/70083294>