Merge pull request #105 from perimetre/feat/add-time-picker

fix: fixes z-index isolation on togglebutton
perimetre · Apr 12, 2023 · 85ceb7c · 85ceb7c
2 parents 43caaa7 + 7e96f6b
commit 85ceb7c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -25,6 +25,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+## [10.0.2] 2023-04-12
+
+### Fixed
+
+- Fix: Fixes z-index isolation on toggle button component
+
 ## [10.0.1] 2023-04-12
 
 ### Fixed

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@perimetre/ui",
   "description": "A component library made by @perimetre",
-  "version": "10.0.1",
+  "version": "10.0.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/perimetre/ui.git"
@@ -161,4 +161,4 @@
   "resolutions": {
     "@storybook/react/webpack": "^5"
   }
-}
+}
diff --git a/src/components/ToggleButton/index.tsx b/src/components/ToggleButton/index.tsx
@@ -34,7 +34,7 @@ export const ToggleButton: React.FC<ToggleButtonProps> = ({ offLabel, onLabel, .
     layout
     layoutRoot
     className={classnames(
-      'flex w-fit relative border rounded-full items-center justify-around overflow-hidden',
+      'flex w-fit relative border rounded-full items-center justify-around overflow-hidden isolate',
       { 'cursor-pointer': !props.disabled && !props.readOnly, 'select-none': !props.readOnly },
       !props.disabled ? 'border-black' : 'border-gray-300',
       props.className