From 042bca167ac810acccae229bc905a49098aee546 Mon Sep 17 00:00:00 2001 From: Horacio Herrera Date: Sun, 14 May 2023 08:28:00 +0200 Subject: [PATCH] fix(slate-react): add top css to placeholder (#5423) solves #5386 --- .changeset/few-queens-fold.md | 5 +++++ packages/slate-react/src/components/leaf.tsx | 1 + yarn.lock | 15 ++++----------- 3 files changed, 10 insertions(+), 11 deletions(-) create mode 100644 .changeset/few-queens-fold.md diff --git a/.changeset/few-queens-fold.md b/.changeset/few-queens-fold.md new file mode 100644 index 0000000000..56e9fcc92f --- /dev/null +++ b/.changeset/few-queens-fold.md @@ -0,0 +1,5 @@ +--- +'slate-react': patch +--- + +fix placeholder position in Safari 16.x diff --git a/packages/slate-react/src/components/leaf.tsx b/packages/slate-react/src/components/leaf.tsx index d8bcf4d194..3ef85ec441 100644 --- a/packages/slate-react/src/components/leaf.tsx +++ b/packages/slate-react/src/components/leaf.tsx @@ -119,6 +119,7 @@ const Leaf = (props: { 'data-slate-placeholder': true, style: { position: 'absolute', + top: 0, pointerEvents: 'none', width: '100%', maxWidth: '100%', diff --git a/yarn.lock b/yarn.lock index 065deada3b..b53a29acf4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5222,17 +5222,10 @@ __metadata: languageName: node linkType: hard -"caniuse-lite@npm:^1.0.30001248": - version: 1.0.30001251 - resolution: "caniuse-lite@npm:1.0.30001251" - checksum: 918e1b1662c26c11291206146bc305d7fd1ca351aa9231c2e21cb1526d87b444830e2d8dc54416ebb8ecf7e0addea12d66a1c41493476229987e5e6922f0c14b - languageName: node - linkType: hard - -"caniuse-lite@npm:^1.0.30001332": - version: 1.0.30001363 - resolution: "caniuse-lite@npm:1.0.30001363" - checksum: 8dfcb2fa97724349cbbe61d988810bd90bfb40106a289ed6613188fa96dd1f5885c7e9924e46bb30a641bd1579ec34096fdc2b21b47d8500f8a2bfb0db069323 +"caniuse-lite@npm:^1.0.30001248, caniuse-lite@npm:^1.0.30001332": + version: 1.0.30001486 + resolution: "caniuse-lite@npm:1.0.30001486" + checksum: 5e8c2ba2679e4ad17dea6d2761a6449b814441bfeac81af6cc9d58af187df6af4b79b27befcbfc4a557e720b21c0399a7d1911c8705922e38938dcc0f40b5d4b languageName: node linkType: hard