Web: Components: fixed main-button-mobile click

packages/asc-web-components/drop-down/index.js

@@ -62,7 +62,7 @@ class DropDown extends React.PureComponent {
   componentDidUpdate(prevProps) {
     if (this.props.open !== prevProps.open) {
       if (this.props.open) {
-        this.props.enableOnClickOutside();
+        !isMobile && this.props.enableOnClickOutside(); //fixed main-button-mobile click, remove !isMobile if have dd problem
         this.bindDocumentResizeListener();
         if (this.props.isDefaultMode) {
           return this.checkPositionPortal();

packages/asc-web-components/main-button-mobile/index.js

@@ -16,7 +16,7 @@ import IconButton from "../icon-button";
 import Button from "../button";
 import Text from "../text";
 import Scrollbar from "@appserver/components/scrollbar";
-import { isMobile, isTablet } from "react-device-detect";
+import { isMobile } from "react-device-detect";
 import Backdrop from "../backdrop";
 
 const ProgressBarMobile = ({
@@ -237,13 +237,13 @@ const MainButtonMobile = (props) => {
           manualWidth={manualWidth || "400px"}
           directionY="top"
           directionX="right"
-          isMobile={isMobile || isTablet}
+          isMobile={isMobile}
           fixedDirection={true}
           heightProp={height}
           sectionWidth={sectionWidth}
           isDefaultMode={false}
         >
-          {isMobile || isTablet ? (
+          {isMobile ? (
             <Scrollbar
               style={{ position: "absolute" }}
               scrollclass="section-scroll"

packages/asc-web-components/main-button-mobile/styled-main-button.js

@@ -12,6 +12,8 @@ const StyledFloatingButton = styled(FloatingButton)`
   z-index: 1010;
   background: ${(props) => props.theme.mainButtonMobile.buttonColor} !important;
 
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
   .circle__mask + div {
     display: flex;
     align-items: center;