Skip to content
New issue

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

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

Already on GitHub? # to your account

<Inputs> missing border on Firefox when zoom out (<100%) #708

Open
xtursky opened this issue Dec 14, 2018 · 2 comments
Open

<Inputs> missing border on Firefox when zoom out (<100%) #708

xtursky opened this issue Dec 14, 2018 · 2 comments
Labels
Bug Something isn't working

Comments

@xtursky
Copy link

xtursky commented Dec 14, 2018

Expected Behavior

Border should be visible

Current Behavior

On Firefox when I zoom out (<100%) border of orbit Input components is not visible (lost)

Possible Solution

No idea.

Steps to Reproduce

Can be seen here on Firefox with zoom 90% for example.

input_ff_missing_border

@vepor
Copy link
Contributor

vepor commented Dec 17, 2018

It's a problem of rendering box-shadow: inset in Firefox on Windows. There is no possible fix for it, as we use box-shadow: inset 2px ... for focus states. I would close this, for now @darkwindcz and check this issue whenever we redefine focus states for components.

@vepor
Copy link
Contributor

vepor commented Feb 16, 2019

Problems with rendering box-shadow: inset appears also in Edge, when zoomed out.
microsoft edge 2019-02-15 10 54 39

@vepor vepor added the Bug Something isn't working label Jun 17, 2020
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
Bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants