Comments (3)
The option with the lengthy text string is so that we can validate the truncation ellipsis works as expected
We could change this to be lower in the option list, but arguably this long string example should be present in figma to showcase the truncation ellipsis functionality to match storybook.
from carbon.
Yes, the long text is fine, and it's a smart idea to show the same in the Figma kit as well.
However, regarding the issue I mentioned: when the first option is deselected, the text should appear.
Let me confirm internally with the team if we want to simplify the interaction by always displaying the placeholder value.
Screen.Recording.2024-06-13.at.9.21.05.PM.mov
from carbon.
I realized the Select component's placeholder text has already been discussed with Michael (in this issue. He had specific reasons to remove the default "Choose an option" and add an empty default option.
For now, we can match the interaction with the Figma component. Initially, it should show a blank state, and when any other option is selected, the first option should become visible.
from carbon.
Related Issues (20)
- [Bug] DataTable with radio selection breaks when there are 2+ radio DataTables in DOM HOT 2
- [Bug]: FileUploaderItem not working in ShadowDOM
- [Bug]:Unintended ListBox onClick behavior component when inside Modal
- [Bug]: DatePicker with type range renders value property incorrectly HOT 2
- [Bug]: FilterableMultiSelect throw console error when 1st time click and select/unselect the value
- [a11y]: Toggle component fails a colour contrast check at disabled state
- [Figma kit]: new kit layer component to track AI input for Figma plugin HOT 1
- Vertical Tab variant HOT 1
- Create specs for vertical tabs
- [Bug]: Cannot clear initial combobox value with fully controlled component
- [Bug]: ComboBox crashes when typing fast with allowCustomValue=true HOT 1
- [a11y]: Toolkit: Focus is going to Parent page even while Switch module menu/list is opened
- [Bug]: Modal styles overwrite layering system
- [Bug]: MenuItem is not correctly focused when expanded within ComposedModal
- [a11y]: TimePicker - Playground - Visually hidden label announced by the SR
- Figma Code Connect: Connect @carbon/icons-react
- [Bug]: ComboBox allowCustomValue does not allow custom values if a value has been previously selected HOT 2
- [Bug]: Unexpected Increment Behavior in NumberInput Component with Step Prop HOT 1
- Only apply floating ui refs when `autoAlign={true}`
- [a11y]: [Tooltip] - Tooltip's Label is confusing, Causing Accessibility Issues
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from carbon.