make checkbox values ellipsis (#277)

* make checkbox values ellipsis * remoce unused classname
microsoft · Oct 19, 2023 · cb0d633 · cb0d633
1 parent ca52cf5
commit cb0d633
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/MultiValueControl.tsx b/src/MultiValueControl.tsx
@@ -86,7 +86,7 @@ export class MultiValueControl extends React.Component<IMultiValueControlProps,
             />
             <FocusZone
                 direction={FocusZoneDirection.vertical}
-                className="checkboxes"
+
             >
                 {this.state.filter ? null :
                 <Checkbox
@@ -106,7 +106,7 @@ export class MultiValueControl extends React.Component<IMultiValueControlProps,
                         onFocus: this._onFocus,
                     }}
                     onChange={() => this._toggleOption(o)}
-                    label={this._wrapText(o)}
+                    label={this._wrapText(o.length > 30 ? `${o.slice(0, 30)}...` : o)}
                     title={o}
                 />)}
             </FocusZone>