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

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>