Merge pull request #568 from RickCole21/master

fix style

scss/components/form/_nested-select.scss

@@ -94,8 +94,7 @@
 
   &-optionArrowRight {
     display: inline-block;
-    position: absolute;
+    padding-right: px2rem(10px);
-    right: px2rem(10px);
 
     svg {
       width: px2rem(12px);
@@ -109,7 +108,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 +133,10 @@
       > label {
         flex: 1;
         cursor: pointer;
+        span {
+          display: inline-flex;
+          word-break: break-all;
+        }
       }
 
       &.is-active {

src/renderers/Form/NestedSelect.tsx

@@ -417,11 +417,7 @@ export default class NestedSelectControl extends React.Component<
     return (
       <>
         {stack.map((options, index) => (
-          <div
+          <div key={index} className={cx('NestedSelect-menu')}>
-            key={index}
-            className={cx('NestedSelect-menu')}
-            style={{width: this.target.offsetWidth}}
-          >
             {index === 0 ? searchInput : null}
             {multiple && index === 0 ? (
               <div
@@ -519,10 +515,7 @@ export default class NestedSelectControl extends React.Component<
         disabled={!this.state.isOpened}
         onRootClose={this.close}
       >
-        <div
+        <div className={cx('NestedSelect-menuOuter')}>
-          className={cx('NestedSelect-menuOuter')}
-          style={{minWidth: this.target.offsetWidth}}
-        >
           {this.renderOptions()}
         </div>
       </RootCloseWrapper>
@@ -534,12 +527,7 @@ export default class NestedSelectControl extends React.Component<
         target={this.getTarget}
         show
       >
-        <PopOver
+        <PopOver className={cx('NestedSelect-popover')}>{body}</PopOver>
-          className={cx('NestedSelect-popover')}
-          style={{minWidth: this.target.offsetWidth}}
-        >
-          {body}
-        </PopOver>
       </Overlay>
     );
   }