From b5fa47e307b65849897f2aa24c9b67a4be3d1f4f Mon Sep 17 00:00:00 2001 From: Hikaru Y Date: Wed, 12 Apr 2023 08:43:57 +0900 Subject: [PATCH] Fix MathJax editor sometimes not properly sized / getting cut off (#2467) * Fix MathJax editor sometimes not properly sized Also fix an issue where when 'Reduce motion' is enabled, a popover appears momentarily out of position and then shifts to the correct position. * Fix MathJax editor sometimes getting cut off * Change max-width of MathJax editor --- ts/components/Popover.svelte | 1 - ts/editor/mathjax-overlay/MathjaxEditor.svelte | 2 +- ts/editor/mathjax-overlay/MathjaxOverlay.svelte | 1 + 3 files changed, 2 insertions(+), 2 deletions(-) diff --git a/ts/components/Popover.svelte b/ts/components/Popover.svelte index fb32ff072..11e0f1b8d 100644 --- a/ts/components/Popover.svelte +++ b/ts/components/Popover.svelte @@ -86,7 +86,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html } &.hidden { - width: 0; visibility: hidden; } diff --git a/ts/editor/mathjax-overlay/MathjaxEditor.svelte b/ts/editor/mathjax-overlay/MathjaxEditor.svelte index 381b89987..31456ffa1 100644 --- a/ts/editor/mathjax-overlay/MathjaxEditor.svelte +++ b/ts/editor/mathjax-overlay/MathjaxEditor.svelte @@ -114,7 +114,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html overflow: hidden; :global(.CodeMirror) { - max-width: 28rem; + max-width: 100ch; min-width: 14rem; margin-bottom: 0.25rem; } diff --git a/ts/editor/mathjax-overlay/MathjaxOverlay.svelte b/ts/editor/mathjax-overlay/MathjaxOverlay.svelte index 4bc134be2..04c72af5d 100644 --- a/ts/editor/mathjax-overlay/MathjaxOverlay.svelte +++ b/ts/editor/mathjax-overlay/MathjaxOverlay.svelte @@ -210,6 +210,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html reference={activeImage} offset={20} keepOnKeyup + portalTarget={document.body} let:position={positionFloating} on:close={resetHandle} >