Merge pull request #158 from ECN/bugfix-filter-label-overflow

Refactored ItemTableFilter to address label overflow bug when filter had a value
ECN · Feb 8, 2021 · ca62502 · ca62502
2 parents 1145f3b + e2c00d1
commit ca62502
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/ItemTableFilter/ItemTableFilter.js b/src/components/ItemTableFilter/ItemTableFilter.js
@@ -10,6 +10,9 @@ export default function ItemTableFilter({ label, onChange }) {
   });
   const classes = useStyles();
 
+  // The FormControl is wrapped in a box with overflowX=hidden to prevent the
+  // InputLabel text from going outside its textfield.
+  // See: https://github.itap.purdue.edu/ECN/webqueue2/issues/156
   return (
     <Box classes={{ root: classes.filterContainer }} >
       <FormControl
@@ -39,4 +42,4 @@ ItemTableFilter.propTypes = {
 
 ItemTableFilter.defaultProps = {
   "label": ""
-}
+}