diff --git a/src/components/popover/popover.js b/src/components/popover/popover.js index 88d1769c..ce07a067 100644 --- a/src/components/popover/popover.js +++ b/src/components/popover/popover.js @@ -135,7 +135,7 @@ const Popover = { if (origin.y - contentOffsetBlockSize < yBounds.min) usingTop = false let vPadding = 0 - if (this.removePadding && (usingTop || isVRL)) { + if (this.removePadding && usingTop) { const anchorStyle = getComputedStyle(anchorEl) vPadding = parseFloat(anchorStyle.paddingBlockStart) + parseFloat(anchorStyle.paddingBlockEnd) } @@ -143,8 +143,8 @@ const Popover = { // offset is repurposed as an abstract value set, as well as margin const yOffset = (this.offset && this.offset.y) || 0 const translateY = usingTop - ? -anchorBlockSize + vPadding - yOffset - contentOffsetBlockSize + (isVRL ? vPadding /* why do I need this argument? */ : 0) - : yOffset + (isVRL ? anchorBlockSize - vPadding : 0) + ? -anchorBlockSize + vPadding - yOffset - contentOffsetBlockSize + : yOffset const translateYLogical = isVRL ? -translateY : translateY const xOffset = (this.offset && this.offset.x) || 0 diff --git a/src/components/status/status.scss b/src/components/status/status.scss index 2f44a095..f48fdad7 100644 --- a/src/components/status/status.scss +++ b/src/components/status/status.scss @@ -318,6 +318,14 @@ min-inline-size: fit-content; flex: 1; } + + /* + fix for the unknown factor that makes popover shift rightward + in vertical-rl mode on Firefox. Bug? To be investigated. + */ + _:lang(x)::-moz-placeholder, .#{$writing-mode-vertical}rl & .popover { + margin-block-start: 22px; + } } .muted { diff --git a/src/components/timeline_menu/timeline_menu.vue b/src/components/timeline_menu/timeline_menu.vue index 16038825..386f2f4f 100644 --- a/src/components/timeline_menu/timeline_menu.vue +++ b/src/components/timeline_menu/timeline_menu.vue @@ -36,6 +36,7 @@