forstok-ui-lib 5.8.9 → 5.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "5.8.9",
+  "version": "5.9.1",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/stylesheets/shares.styles.ts

@@ -1775,6 +1775,10 @@ export const HeaderContainer = styled.aside`
 `
 export const TabsContainer = styled.section<{ $mode?: string }>`
   width: 100%;
+  @media only screen and (max-width: 767.9px) {
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
   ${({ $mode }:{ $mode?: string }) => {
     if ($mode === 'master-listing') {
       return css` 

package/src/components/dropdown/index.tsx

@@ -14,7 +14,8 @@ const DropDownComponent = ({ children, title, subTitle, $externalWidth, $externa
       const portalContainerRef = document.querySelector(`#${portalId} ._refDropdownPortal`) as HTMLElement;
       if (portalContainerRef) {
         const wrapperRef = portalContainerRef.querySelector('._refDropdownWrapper') as HTMLElement;
-        portalContainerRef.style.left = offsetPos.left + offsetPos.width - wrapperRef.getBoundingClientRect().width + 'px';
+        const value = offsetPos.left + offsetPos.width - wrapperRef.getBoundingClientRect().width;
+        portalContainerRef.style.left = (value > 0 ? value : offsetPos.left) + 'px';
         portalContainerRef.style.top = offsetPos.top + parseInt($top || '0') - 32 + 'px';
       }
     }
@@ -76,7 +77,8 @@ const DropDownComponent = ({ children, title, subTitle, $externalWidth, $externa
                   if (wrapperRef) {
                     setTimeout(() => {
                       wrapperRef.style.right = 'auto';
-                      portalContainerRef.style.left = offsetPos.left + offsetPos.width - wrapperRef.getBoundingClientRect().width + 'px';
+                      const value = offsetPos.left + offsetPos.width - wrapperRef.getBoundingClientRect().width;
+                      portalContainerRef.style.left = (value > 0 ? value : offsetPos.left) + 'px';
                       portalContainerRef.style.top = offsetPos.top + parseInt($top || '0') - 32 + 'px';
                       portalContainerRef.style.zIndex = '8';
                       refScrollContainerEl && refScrollContainerEl.addEventListener('scroll', evScrollDropdown, true);

package/src/components/index.ts

@@ -7,11 +7,10 @@ export { default as ButtonComponent } from './button';
 export { default as LabelComponent } from './label';
 export { default as IconComponent } from './icon';
 export { default as LoadingComponent } from './loading';
-export { default as DropdownComponent } from './dropdown';
+export { default as DropDownComponent } from './dropdown';
 export { default as MessageComponent } from './message';
 export { default as MessageQuestionComponent } from './message/question'; 
 export { default as PopupComponent } from './popup';
-export { default as ReactPortalComponent } from './portal';
 export { default as ImageComponent } from './image';
 export { default as SelectComponent } from './select';
 export { default as MenuList } from './select/menulist';