Web: Components: added combobox manualY, manualX support, hid scroll

packages/asc-web-components/combobox/index.js

@@ -90,6 +90,8 @@ class ComboBox extends React.Component {
       textOverflow,
       showDisabledItems,
       comboIcon,
+      manualY,
+      manualX,
     } = this.props;
     const { isOpen, selectedOption } = this.state;
 
@@ -140,7 +142,8 @@ class ComboBox extends React.Component {
             className="dropdown-container not-selectable"
             directionX={directionX}
             directionY={directionY}
-            manualY="102%"
+            manualY={manualY}
+            manualX={manualX}
             open={isOpen}
             clickOutsideAction={this.handleClickOutside}
             {...dropDownMaxHeightProp}
@@ -213,6 +216,8 @@ ComboBox.propTypes = {
   /** Disables clicking on the icon */
   disableIconClick: PropTypes.bool,
   comboIcon: PropTypes.string,
+  manualY: PropTypes.string,
+  manualX: PropTypes.string,
 };
 
 ComboBox.defaultProps = {
@@ -224,6 +229,7 @@ ComboBox.defaultProps = {
   size: "base",
   disableIconClick: true,
   showDisabledItems: false,
+  manualY: "102%",
 };
 
 export default ComboBox;

packages/asc-web-components/table-container/StyledTableContainer.js

@@ -256,6 +256,9 @@ const StyledScrollbar = styled(Scrollbar)`
   .scroll-body {
     display: flex;
   }
+  .nav-thumb-horizontal {
+    display: none !important;
+  }
 `;
 
 StyledTableRow.defaultProps = { theme: Base };

packages/asc-web-components/table-container/TableGroupMenu.js

@@ -40,6 +40,8 @@ const TableGroupMenu = (props) => {
           className="table-container_group-menu-combobox not-selectable"
           options={[]}
           selectedOption={{}}
+          manualY="42px"
+          manualX="-32px"
         />
         <div className="table-container_group-menu-separator" />
         <StyledScrollbar>