Skip to content

Conversation

@Anders2303
Copy link
Collaborator

@Anders2303 Anders2303 commented Oct 24, 2025

image image

Fixes assorted smaller issues in the TagPicker, TagInput and EnsemblePicker components

  • Simplifies TagInput padding classes
  • Exposes the tag-input's inputProps property in the TagPicker component
    • Tweaks the sizing of the input in EnsemblePicker to match tag height
  • Adds a dropdownMinWidth prop to TagPicker. Defaults to 120px
  • Fixes an issue where TagPicker would reset list focus too easily
  • Added truncation of long un-wrappable tags in TagInput
  • Hotfixes an issue where hovering at the start and end of the TagPicker dropdown would scroll
  • Made it easier to focus the TagInput (clicking the entire component root, instead of just the input field). The input field will also wrap around a little earlier now.

Copy link
Collaborator

@jorgenherje jorgenherje left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice adjustments!

Some minor comments:

  • As discussed, the outline "blinks" when opening dropdown and selecting a new tag. As it looses focus when clicking in dropdown, and retain focus when input field becomes active again.

  • I still get some issues with autoscroll when hovering a the bottom of the virtualization component (I get the same issue for standard picker in MyModule2):
    https://github.com/user-attachments/assets/761b561a-ffeb-45e0-aaaf-b7664b0273a6

  • See further comments below

Copy link
Collaborator

@jorgenherje jorgenherje left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work!

@Anders2303 Anders2303 merged commit 82c5a88 into equinor:main Nov 3, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants