Bug 202055 - text-rendering CSS property beachballs browser
Summary: text-rendering CSS property beachballs browser
Status: RESOLVED DUPLICATE of bug 202198
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Local Build
Hardware: Mac macOS 10.14
: P2 Major
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2019-09-20 13:40 PDT by matthewwithanm
Modified: 2021-03-25 16:49 PDT (History)
6 users (show)

See Also:


Attachments
minimal repro (321 bytes, text/html)
2019-09-22 00:28 PDT, Thomas Levy
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description matthewwithanm 2019-09-20 13:40:12 PDT
Having `text-rendering: optimizeLegibility` can cause the page to beach ball. This is affecting web.whatsapp.com, and was discovered independently here:

https://github.com/jgthms/bulma/issues/2626

The GitHub issue also contains a minimal repro.

Reproduced on MacOS Mojave using:

- Safari 13.0
- WebKit r250139
- Safari Technology Preview Release 92 (Safari 13.1, WebKit 14609.1.4)
Comment 1 Thomas Levy 2019-09-22 00:28:55 PDT
Created attachment 379339 [details]
minimal repro

Clicking the input once does nothing. Clicking the input a second time makes the browser unresponsive.
Comment 2 Hendrik Runte 2019-09-25 04:23:06 PDT
It appears to happen in conjunction with 'appearance: none' which can be used to re-style a select box widget. It can easily be reproduced using this HTML/CSS setup:

´´´
<!-- html -->
<select>
  <option value="">Access Level …</option>
  <option label="No Login" value="NOLOGIN">No Login</option>
  <option label="Trial Member" value="TRIAL">Trial Member</option>
  <option label="Member" value="LOGIN">Member</option>
</select>
´´´

´´´
// css
select {
  -webkit-appearance: none;
  // this will crash/sbbofd on Safari 13:
  text-rendering: optimizeLegibility;
}
´´´

See this codepen to reproduce (the effective line is commented out): https://codepen.io/HendrikR/pen/PoYxxmJ
Comment 3 Thomas Levy 2019-09-27 12:00:50 PDT
Still broken in safari 13.0.1
Comment 4 Hendrik Runte 2019-10-03 04:46:18 PDT
Cannot reproduce the failure with WebKit build r250648 (Mojave). Looks fixed to me.
Comment 5 Alan Hogan 2019-10-10 13:18:48 PDT
This appears to be discussed and fixed in https://bugs.webkit.org/show_bug.cgi?id=202198
Comment 6 Hendrik Runte 2019-10-10 13:31:56 PDT
(In reply to Alan Hogan from comment #5)
> This appears to be discussed and fixed in
> https://bugs.webkit.org/show_bug.cgi?id=202198

I can confirm on this.
Comment 7 Sam Sneddon [:gsnedders] 2021-03-25 16:49:50 PDT

*** This bug has been marked as a duplicate of bug 202198 ***