Bug 209927 - Web Inspector: Network tab summary bar jiggles
Summary: Web Inspector: Network tab summary bar jiggles
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nikita Vasilyev
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-04-02 13:46 PDT by Nikita Vasilyev
Modified: 2020-04-02 16:18 PDT (History)
2 users (show)

See Also:

Attachments
Patch (1.46 KB, patch)
2020-04-02 13:52 PDT, Nikita Vasilyev 		no flags Details | Formatted Diff | Diff
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Nikita Vasilyev 2020-04-02 13:46:53 PDT 
<rdar://61192562>

Because the text is horizontally centered, and there is a timer, and the digits in the timer don’t have the same width, the text jiggles with each tick of the timer.

You can solve this by setting font-variant-numeric:tabular-nums and styling the content with a font that supports the tabular numbers opentype font feature (like the system font).
Comment 1 Nikita Vasilyev 2020-04-02 13:52:44 PDT 
Created attachment 395296 [details]
Patch
Comment 2 EWS 2020-04-02 16:18:55 PDT 
Committed r259423: <https://trac.webkit.org/changeset/259423>

All reviewed patches have been landed. Closing bug and clearing flags on attachment 395296 [details].