Skip to content

HR divider height is inconsistent (3.75px rounds to 4px or 5px) #846

@makhnatkin

Description

@makhnatkin

Package version

No response

Node version

No response

Platform

No response

What steps will reproduce the bug?

Image

What is the expected behavior?

All <hr> dividers have the same visual height (no rounding differences)

What do you see instead?

The <hr> divider right under the Note block is rendered 1px thicker than other dividers (in the editor for example) (e.g. looks like 5px while others are 4px).

Image Image

Additional information

CSS sets hr { height: 0.25em; }. With line-height: 20px this becomes 3.75px in computed styles.

Proposed fix: make hr height a CSS variable in px (e.g. --hr-height: 4px by default) to ensure stable rendering across contexts

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions