fix: Fix glitchy status keyboard navigation (#35455)

2025-07-23 09:39:36 +02:00
parent 760d00b7f7
commit d36236cbcd
2 changed files with 64 additions and 19 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -2868,6 +2868,8 @@ a.account__display-name {
    }

    &__main {
+      --column-header-height: 62px;
+
      box-sizing: border-box;
      width: 100%;
      flex: 0 1 auto;
@@ -8815,6 +8817,10 @@ noscript {
 .conversation {
  position: relative;

+  // When scrolling these elements into view, take into account
+  // the column header height
+  scroll-margin-top: var(--column-header-height, 0);
+
  &.unread {
    &::before {
      content: '';