Skip to content

Commit

Permalink
fix(Select,TextField): click through icon (#1607)
Browse files Browse the repository at this point in the history
## 📝 Changes

- support clicking through icons that overlay Select and TextField

this fixes the bug particularly noticeable on Select components where
users can't open the dropdown when their mouse is over the arrow icon.
preserves actionable icon such as in password textfield

## ✅ Checklist

Easy UI has certain UX standards that must be met. In general,
non-trivial changes should meet the following criteria:

- [ ] ~Visuals match Design Specs in Figma~
- [ ] ~Stories accompany any component changes~
- [ ] ~Code is in accordance with our style guide~
- [ ] ~Design tokens are utilized~
- [ ] ~Unit tests accompany any component changes~
- [ ] ~TSDoc is written for any API surface area~
- [ ] ~Specs are up-to-date~
- [x] Console is free from warnings
- [x] No accessibility violations are reported
- [x] Cross-browser check is performed (Chrome, Safari, Firefox)
- [x] Changeset is added

~Strikethrough~ any items that are not applicable to this pull request.
  • Loading branch information
stephenjwatkins authored Feb 21, 2025
1 parent b5fd32f commit 88d2ed3
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 0 deletions.
5 changes: 5 additions & 0 deletions .changeset/short-shrimps-beg.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@easypost/easy-ui": patch
---

fix(Select,TextField): click through icon
1 change: 1 addition & 0 deletions easy-ui-react/src/InputField/InputField.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -126,6 +126,7 @@
color: component-token("inputfield", "color.text.gray.resting");
border: 0;
display: inline-block;
pointer-events: none;
position: absolute;
top: design-token("space.1.5");
z-index: component-token("inputfield", "z-index");
Expand Down

0 comments on commit 88d2ed3

Please sign in to comment.