@nxgt/material 3.24.0 → 3.24.1

package/docs/components/selection-and-choice.md

@@ -97,7 +97,9 @@ phone, no portal). Parts: `NativeSelect`, `NativeSelectOption`,
 and every other attribute go to the `<select>`. It is 44px high like the
 other fields; `size="sm"` makes it 36px for a compact toolbar and
 `size="lg"` 52px, and a number
-is still the `<select>`'s own `size` (rows shown). It is tinted while the
+is still the `<select>`'s own `size` (rows shown). It fills its container
+like the other fields; a width class on it (`className="w-24"`, or `w-fit` for
+the width of its widest option) keeps it compact, and its chevron follows. It is tinted while the
 chosen option has a value, and an option with `value=""` reads as a
 placeholder.
 

package/docs/troubleshooting.md

@@ -320,6 +320,7 @@ words in your error.
 - [My inputs look rounder or tinted, or lost the hover ring, after upgrading](#my-inputs-look-rounder-or-tinted-or-lost-the-hover-ring-after-upgrading)
 - [An input inside an `InputGroup` lost a class or a style of `Input`](#an-input-inside-an-inputgroup-lost-a-class-or-a-style-of-input)
 - [A `NativeSelect` is taller, or a `Select` trigger or list measures differently](#a-nativeselect-is-taller-or-a-select-trigger-or-list-measures-differently)
+- [A `NativeSelect` is now as wide as its container, where it was as wide as its selected option](#a-nativeselect-is-now-as-wide-as-its-container-where-it-was-as-wide-as-its-selected-option)
 - [A `Combobox` clear button is not found, its list sits 3px from the field, or `ComboboxInput` rejects `size={n}`](#a-combobox-clear-button-is-not-found-its-list-sits-3px-from-the-field-or-comboboxinput-rejects-sizen)
 - [An `Autocomplete` list covers its helper text, or a chip test no longer finds its markup](#an-autocomplete-list-covers-its-helper-text-or-a-chip-test-no-longer-finds-its-markup)
 - [A `CountryField` lost its chip, or its `renderOption` or `filter` does nothing](#a-countryfield-lost-its-chip-or-its-renderoption-or-filter-does-nothing)
@@ -5835,11 +5836,30 @@ tint with `data-placeholder` (absent once a value is chosen) and the open
 state with `data-open`:
 
 ```tsx
-<NativeSelect size="sm" aria-label="Rows per page">…</NativeSelect>
+<NativeSelect size="sm" aria-label="Rows per page" className="w-fit">…</NativeSelect>
 
 expect(screen.getByRole('combobox', { name: 'Fruit' })).not.toHaveAttribute('data-placeholder');
 ```
 
+### A `NativeSelect` is now as wide as its container, where it was as wide as its selected option
+
+**When:** after upgrading, a `NativeSelect` in a toolbar, a filter bar or a
+row of buttons stretches across the row, where it used to be as wide as its
+widest option.
+**Why:** it shrank to its content while `SelectField`, `TextField` and the
+other fields fill their column, so in a form it sat narrower than the
+fields around it. It fills its container now, like them.
+**Fix:** give it the width you want. A width class on the `<select>` keeps the
+whole control, chevron included, at that width:
+
+```tsx
+<NativeSelect size="sm" aria-label="Rows per page" className="w-fit">…</NativeSelect>
+<NativeSelect aria-label="Sort" className="w-40">…</NativeSelect>
+```
+
+`SelectField`, `Select` and the other fields never shrank to the selected option; a long
+selected label ends in an ellipsis and does not widen its column.
+
 ### A `Combobox` clear button is not found, its list sits 3px from the field, or `ComboboxInput` rejects `size={n}`
 
 **When:** after upgrading, `[data-slot="combobox-clear"]` finds nothing, a

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.24.0",
+	"version": "3.24.1",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"