Web: Files/Components: Fixed drop down y offset for table view.

ONLYOFFICE · Oct 26, 2021 · 1faf4ee · 1faf4ee
1 parent 16f9dc4
commit 1faf4ee
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/asc-web-components/combobox/index.js b/packages/asc-web-components/combobox/index.js
@@ -89,6 +89,7 @@ class ComboBox extends React.Component {
       toggleAction,
       textOverflow,
       showDisabledItems,
+      offsetDropDownY,
     } = this.props;
     const { isOpen, selectedOption } = this.state;
 
@@ -138,7 +139,7 @@ class ComboBox extends React.Component {
             className="dropdown-container not-selectable"
             directionX={directionX}
             directionY={directionY}
-            manualY="102%"
+            manualY={offsetDropDownY}
             open={isOpen}
             clickOutsideAction={this.handleClickOutside}
             {...dropDownMaxHeightProp}
@@ -210,6 +211,8 @@ ComboBox.propTypes = {
   textOverflow: PropTypes.bool,
   /** Disables clicking on the icon */
   disableIconClick: PropTypes.bool,
+  /** Y offset */
+  offsetDropDownY: PropTypes.string,
 };
 
 ComboBox.defaultProps = {
@@ -221,6 +224,7 @@ ComboBox.defaultProps = {
   size: "base",
   disableIconClick: true,
   showDisabledItems: false,
+  offsetDropDownY: "102%",
 };
 
 export default ComboBox;
diff --git a/packages/asc-web-components/table-container/TableGroupMenu.js b/packages/asc-web-components/table-container/TableGroupMenu.js
@@ -51,6 +51,7 @@ const TableGroupMenu = (props) => {
           className="table-container_group-menu-combobox not-selectable"
           options={[]}
           selectedOption={{}}
+          offsetDropDownY="44px"
         />
         <div className="table-container_group-menu-separator" />
         {headerMenu.map((item, index) => {