Change form element box-shadow to use outset borders, instead of inset - Githubissues

platform-coop-toolkit / pinecone

Pattern library for the Platform Cooperative Development Kit.

https://pinecone.platform.coop

BSD 3-Clause "New" or "Revised" License

1 stars 3 forks source link

Change form element box-shadow to use outset borders, instead of inset #377

Open jhung opened 4 years ago

jhung commented 4 years ago

Describe the bug

On containers that have vertical scroll like multi-select and text areas, the focus and hover border gets partially obscured by the scroll bar.

To Reproduce

Steps to reproduce the behavior:

Go to https://deploy-preview-376--pinecone.netlify.app/components/detail/selects--default-multiple.html
Hover or focus one of the fields.

Expected behavior

The hover and focus borders should be completely visible.

Screenshots

Focus:

Focus:

Hover:

Desktop:

OS: Windows 10
Browser: FF, Edge