diff --git a/scss/components/form/_nested-select.scss b/scss/components/form/_nested-select.scss index 40aa2f0d..5038b5fc 100644 --- a/scss/components/form/_nested-select.scss +++ b/scss/components/form/_nested-select.scss @@ -109,7 +109,7 @@ } &-menu { - min-width: px2rem(120px); + width: px2rem(160px); max-height: px2rem(300px); background: $Form-select-menu-bg; color: $Form-select-menu-color; @@ -134,6 +134,9 @@ > label { flex: 1; cursor: pointer; + span { + display: inline-flex; + } } &.is-active { diff --git a/src/renderers/Form/NestedSelect.tsx b/src/renderers/Form/NestedSelect.tsx index 5e543dad..3d7d5f7f 100644 --- a/src/renderers/Form/NestedSelect.tsx +++ b/src/renderers/Form/NestedSelect.tsx @@ -417,11 +417,7 @@ export default class NestedSelectControl extends React.Component< return ( <> {stack.map((options, index) => ( -
+
{index === 0 ? searchInput : null} {multiple && index === 0 ? (
-
+
{this.renderOptions()}
@@ -534,12 +527,7 @@ export default class NestedSelectControl extends React.Component< target={this.getTarget} show > - - {body} - + {body} ); }