Set width for ComboBox
I have a ComboBox as follows:
How can I set the width of both 1 and 2 the same?
Solution
ComboBox has a property called useComboBoxAsMenuWidth when you set it will make sure it matches the menu width.
Here is a codepen https://codepen.io/mohamedhmansour/pen/ZqdEMY
- @fluent-ui/react vs @fluent-ui/react-northstar
- Microsoft office-ui-fabric-react vs fluent-ui-react - which to choose?
- Not able to handle change/click on inner elements (displyed using onRenderField) of ChoiceGroup in office-ui-fabric-react
- How to generate a Fluent UI theme with in the library?
- Rendering custom item columns with sorting
- Official documentation and examples of Office UI Fabric / Fluent UI React Charts?
- Set width for ComboBox
- Table implementation in Office UI Fabric React?
- How To Customize Dropdown Items to use Theme Color in SPFx WebPart
- Is there a way to make a DetailsList header text wrap in Fluent UI?
- Fluent/Fabric - Is it possible to clear the input of the NormalPeoplePicker programmatically?
- How we can close the error messagebar of office react fabric component?
- Can I use Fluent UI for creating websites not related to any Microsoft Apps?
- Office UI Fabric TextField focus/cursor issues
- Using JS and TS in a react project
- not able to get choice group target id to set values dynamically
- How to replace the checkbox from the UI Fabric DetailsList component
- How to customize the column title style in Details list
- How to render a column header with both text and a tooltip icon in Fabric DetailsList
- Fluent UI ComboBox allowFreeform
- How to do internationalization/localization using MS Fluent UI
- CommandBar Buttons Hover
- export error while bundling @fluentui/react with webpack
- How can I get an Outlook Office Addin using the Office UI Fabric to pick up the users current theme in OWA
- Override margin in Separator Component of Fluent UI using React
- Can Office Fabric DetailsList column headers be styled?
- Prevent page reload when rendering ui fabric react nav component
- Apply colors to labels with specific sizes - FluentUI
- Sticky tab bar with Fluent UI's Pivot
- Unit test case is failing in my React app because of some issue in fabric