Fix dropdown bug on webkit (#68)

This commit is contained in:
Geometrically
2023-06-14 17:48:46 -07:00
committed by GitHub
parent 4131ad5016
commit 2bdd0a0e8d
3 changed files with 9 additions and 7 deletions

View File

@@ -284,12 +284,13 @@ onBeforeUnmount(() => {
.options-enter-from, .options-enter-from,
.options-leave-to { .options-leave-to {
// this is not 100% due to a safari bug
&.up { &.up {
transform: translateY(100%); transform: translateY(99.999%);
} }
&.down { &.down {
transform: translateY(-100%); transform: translateY(-99.999%);
} }
} }
@@ -308,7 +309,7 @@ onBeforeUnmount(() => {
&.up { &.up {
top: 0; top: 0;
transform: translateY(-100%); transform: translateY(-99.999%);
border-radius: var(--radius-md) var(--radius-md) 0 0; border-radius: var(--radius-md) var(--radius-md) 0 0;
} }

View File

@@ -288,12 +288,13 @@ const isChildOfDropdown = (element) => {
.options-enter-from, .options-enter-from,
.options-leave-to { .options-leave-to {
// this is not 100% due to a safari bug
&.up { &.up {
transform: translateY(100%); transform: translateY(99.999%);
} }
&.down { &.down {
transform: translateY(-100%); transform: translateY(-99.999%);
} }
} }
@@ -312,7 +313,7 @@ const isChildOfDropdown = (element) => {
&.up { &.up {
top: 0; top: 0;
transform: translateY(-100%); transform: translateY(-99.999%);
border-radius: var(--radius-md) var(--radius-md) 0 0; border-radius: var(--radius-md) var(--radius-md) 0 0;
} }

View File

@@ -1,7 +1,7 @@
{ {
"name": "omorphia", "name": "omorphia",
"type": "module", "type": "module",
"version": "0.4.27", "version": "0.4.28",
"files": [ "files": [
"dist", "dist",
"lib" "lib"