Skip to content
This repository was archived by the owner on Apr 2, 2026. It is now read-only.
This repository was archived by the owner on Apr 2, 2026. It is now read-only.

Sidebar lower depth nav items can appear blurry in Chrome-only on non-“Retina” displays #295

@adamschwartz

Description

@adamschwartz

On macOS in Google Chrome, and not Safari, when window.devicePixelRatio === 1 some of the sidebar nav items at depth >=2 can appear blurry.

It appears this bug does not occur when window.devicePixelRatio === 2, which is true on Apple “Retina” monitors, e.g.

I suspect this may be browser rendering bug and/or a CSS transform rounding bug since it occurs in Google Chrome but not Safari, and blurriness due to half-pixel rounding when a CSS transform is applied is a common issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    questionFurther information is requested

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions