STCOM-1332 Selection should occupy the full width of its container. (#…

…2385)

* wrap Selection in full-width div

* log changes

* add position: relative to SelectionOuter CSS class

CHANGELOG.md

@@ -10,6 +10,7 @@
 * `<RepeatableField>` - switch to MutationObserver to resolve focus-management issues. Refs STCOM-1372.
 * Bump `stripes-react-hotkeys` to `v3.2.0` for compatibility with `findDOMNode()` changes. STCOM-1343.
 * Pin `currency-codes` to `v2.1.0` to avoid duplicate entries in `v2.2.0`. Refs STCOM-1379.
+* Wrap `<Selection>` in full-width div. Refs STCOM-1332.
 
 ## [12.2.0](https://github.com/folio-org/stripes-components/tree/v12.2.0) (2024-10-11)
 [Full Changelog](https://github.com/folio-org/stripes-components/compare/v12.1.0...v12.2.0)

lib/Selection/Selection.css

@@ -1,5 +1,10 @@
 
 
+.selectionOuter {
+  width: 100%;
+  position: relative;
+}
+
 .selectionRoot {
   position: relative;
 }

lib/Selection/Selection.js

@@ -424,7 +424,7 @@ const Selection = ({
   /* eslint-enable react-hooks/exhaustive-deps */
 
   return (
-    <div>
+    <div className={css.selectionOuter}>
       {label && (
         <Label
           {...getLabelProps({