Zbyt duże przesunięcie strony przy zakotwiczaniu

1

Problem

Ogólnie, gdy kliknie się w powiadomienie o nowym komentarzu, ładuje się strona z tym komentarzem i jest ona zakotwiczana. Do tej pory była zakotwiczana zgodnie z moim oczekiwaniem – czyli na samej górze viewportu – ale od pewnego czasu oraz jest ona zakotwiczana trochę wyżej, tzn. poza viewportem. Przez to komentarz nie jest już widoczny.

Przykład:

Po kliknięciu w powiadomienie o tym komentarzu, po załadowaniu strony komentarz jest ledwo widoczny, a widok strony wygląda tak:

too-low.png

Z komentarza można zobaczyć jedynie stopkę (datę + liczbę głosów).

Aktualne

Po załadowaniu strony kotwiczy ona niżej niż górna granica komentarza (tzn. górna granica komentarza wychodzi poza górną granicę viewportu).

Oczekiwane

Po załadowaniu strony kotwiczy ona lekko powyżej górnej granicy komentarza (tzn. górna granica komentarza NIE wychodzi poza górną granicę viewportu).


UPDATE: Nie jestem pewien, czy nie dotyczy to każdej treści, nie tylko komentarzy.


UPDATE2: Przeglądarka to Firefox 66.0.4 (64-bit) na Fedorę.


UPDATE3: Problem wydaje się również występować na Chromium, Version 73.0.3683.86 (Developer Build) Fedora Project (64-bit).

0

Potwierdzam - też to zauważyłem. Jest to szczególnie wkurzające na mobilnej wersji, kiedy często na ekranie, zamiast wybranego komentarza, widzę szarą forumową stopkę i muszę przewijać w górę. Dodatkowym utrudnieniem jest to, że podczas scrollowania, wskazany komentarz traci żółte podświetlenie, więc muszę przeglądać listę i patrzeć, na którym skończyła się moja znajomość wątku. Trochę to życie utrudnia :(

1

Nie wiem jak u innych, ale u mnie ten problem występuje również jeśli chodzi o kotwice do postów w normalnych wątkach. W klasycznej Operze link do powyższego postu kolegi @cerrato pokazuje stronę w ten sposób:

post opera.png

Na Firefox post pokazuje się z poprawnym wyrównaniem:

post firefox.png

ale jeśli kliknę na pasek adresu i wcisnę Enter w celu ponownego wyrównania strony do kotwicy bez przeładowania strony, to efekt jest taki sam jak na klasycznej Operze – menu z okruszkami przykrywają posta:

post firefox refreshed.png

1

W razie czego to na swojej stronce mam to załatwione za pomocą CSS:

:target:before{
  content: '';
  display: block;
  height: 100px;
  margin: -100px 0 0;
}

Offset 100px dla kotwic nagłówków, który uwzględnia wysokość przyklejonego menu (obecnie 64px) plus dodatkowy odstęp. Nie wiem czy to się przyda, ale jakby co to ten sposób działa prawidłowo na różnych przeglądarkach, zarówno po załadowaniu strony jak i po jej odświeżeniu bez przeładowania. :]

0

Przesuwanie do właściwego komentarza/postu jest zrobione od bardzo dawna w JS. Te przesunięcie tyczy tylko użytkowników, którzy mają włączone przyklejone menu w swoich ustawieniach.

Dlaczego to nie działa w komentarzu wspomnianym przez @Silv? Ponieważ tam jest znajduje się długi wpis na mikro, który jest skracany, również przez JS, co powoduje zmianę wysokości strony i w rezultacie, przewija do złego komentarza :(

Na forum ten problem nie powinien występować.

0
Adam Boduch napisał(a):

Przesuwanie do właściwego komentarza/postu jest zrobione od bardzo dawna w JS. Te przesunięcie tyczy tylko użytkowników, którzy mają włączone przyklejone menu w swoich ustawieniach.

Mam włączone przyklejanie paska. To przesunięcie, czyli które?

Dlaczego to nie działa w komentarzu wspomnianym przez @Silv? Ponieważ tam jest znajduje się długi wpis na mikro, który jest skracany, również przez JS, co powoduje zmianę wysokości strony i w rezultacie, przewija do złego komentarza :(

Ale przecież można by coś z tym zrobić? Tzn. może wymagałoby to kilku specyficznych linijek w JS, więc nie mówię, że to jest priorytet w zadaniach, ale ogólnie myślę, że można.

Na forum ten problem nie powinien występować.

Rzeczywiście, u mnie na Firefoksie na forum wydaje się ten problem nie występować.


UPDATE:

Jednak pewien problem występuje również na forum (Firefoks). Nie wiem, czy to jest ten sam problem. Chociaż mam włączone przyklejanie menu, to komentarz "wjeżdża pod nie". Tak to wygląda:

too-low2.png

Z komentarza (na samej górze) widać jedynie dolny padding oraz dolne obramowanie – łącznie 6px (pierwsza szara linia nad liczbą "27" to jego dolne obramowanie). W narzędziach deweloperskich wygląda na to, że jest on po prostu dosuwany do górnej krawędzi viewportu, tzn. nie wychodzi poza viewport (ale mogę się mylić, mierzyłem na oko). Z tego mój wniosek, że może, po prostu, nie działa przyklejanie menu.

PS. Nie mogę stwierdzić, by dla każdego komentarza ten problem występował, na pewno wystąpił dla tego jednego, co widać na zrzucie ekranu.

PS2. To jest ten komentarz: Ogrzewanie podłogowe (wodne) - czy warto?

0

Zauważyłem, że na moim Firefoxie problem już nie występuje (z komentarzami do wpisów na mikroblogu).

@Adam Boduch: czy problem został poprawiony explicite, czy może przy okazji czegoś? Pamiętasz?

@furious programming, @cerrato: czy problem występuje u Was? Na blogu, na forum – przy komentarzach do wpisów skracanych/nieskracanych, przy komentarzach do postów, przy postach?

Jeśli wszyscy powiedzą, że problem naprawiony, to akceptuję ten wątek.

1

U mnie działa tak jak opisywałem we wcześniejszym poście, ale klasyczną Operą nie ma się co przejmować. ;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1