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.

Sign up for GitHub

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

Jump to bottom

<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 •
edited
Loading

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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@xtursky @vepor