diff --git a/packages/asc-web-components/combobox/index.js b/packages/asc-web-components/combobox/index.js index 00189eb3e2a..8cd8bb6add4 100644 --- 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/group-button/index.js b/packages/asc-web-components/group-button/index.js index 93bb1973c5f..0bcb7d3df99 100644 --- a/packages/asc-web-components/group-button/index.js +++ b/packages/asc-web-components/group-button/index.js @@ -105,9 +105,11 @@ class GroupButton extends React.Component { ? { maxHeight: dropDownMaxHeight } : {}; const offsetSelectDropDown = isSelect - ? { manualX: window.innerWidth <= 1024 ? "16px" : "24px" } + ? { manualX: window.innerWidth <= 1024 ? "44px" : "50px" } : {}; + const manualY = window.innerWidth <= 1024 ? "60px" : "53px"; + return ( { className="table-container_group-menu-combobox not-selectable" options={[]} selectedOption={{}} + offsetDropDownY="44px" />
{headerMenu.map((item, index) => {