Bug 286812
| Summary: | Akkoma Emoji Render Too Wide | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | alyx |
| Component: | Layout and Rendering | Assignee: | Ahmad Saleem <ahmad.saleem792> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ahmad.saleem792, bfulgham, bugs-noreply, sgill26, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Other | ||
| Hardware: | All | ||
| OS: | Linux | ||
alyx
I'm seeing this in the GNOME Epiphany Flatpak v46.5. The styling on emoji in the https://akkoma.social/ social media software renders as stretched out, unlike in other browsers.
Example post: https://labyrinth.zone/notice/Aqe5a5FBfdd1vfcPho
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Ahmad Saleem
I am able to reproduce this on WebKit ToT (289605@main).
Ahmad Saleem
NOTE - It is not WebKitGTK specific, it is happening on macOS Sequoia as well.
Ahmad Saleem
Reduction (still can be refined) - https://jsfiddle.net/jpxs7thc/
Ahmad Saleem
Further reduced and `display: inline-flex` removal makes button look equally distributed around `button`, so I would say, it might be flex + button issue?
Test Case (further reduced) - https://jsfiddle.net/jpxs7thc/3/
Radar WebKit Bug Importer
<rdar://problem/144386046>
Ahmad Saleem
Pull request: https://github.com/WebKit/WebKit/pull/63638