Skip to content

Font-size 0 breaks em CSS unit sizing for Pacman loader #571

@sdemjanenko

Description

@sdemjanenko

Package Version
0.13.8

I'm trying to size the PacmanLoader using CSS units of em. When I do this, I observe the spinner has no height because font-size is set to 0. This is coming from

const wrapper: React.CSSProperties = {
    display: "inherit",
    position: "relative",
    fontSize: 0,
    height: `${value * 2}${unit}`,
    width: `${value * 2}${unit}`,
    ...cssOverride,
  };

I am planning on using cssOverride, but it would be nice if the library automatically detected the em units and didn't set font-size of 0 in that case.

This is the CSS that I observe on the span that contains the spinner
image

I also haven't checked if other loaders suffer from the same issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions