Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

textbox: text resize doesn't scale when styles were inherited at 200% #2307

Open
1 task done
saiponnada opened this issue Apr 8, 2024 · 0 comments
Open
1 task done

Comments

@saiponnada
Copy link
Contributor

I verified there's no existing issue for this bug.

  • There are no existing issues

Current behavior

Currently in textbox, when we set higher font size (e.g. 200%) at parent level, the text does not scale properly.
image
https://opensource.ebay.com/skin/storybook/?path=/story/skin-textbox-base--inherit-font-size

Further this issue also trickles to the phone input component.

Expected behavior

Expected to scale appropriately to the set font size.
image

Skin version

17.3.0

Device/OS/Browser info

No response

Steps to reproduce

No response

Relevant code block

.textbox {
    color: var(--textbox-foreground-color, var(--color-background-secondary));
    font-size: var(--font-size-default);
    position: relative;
}

Additional context

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant