Lista prywatnych wiadomości przestaje być scrolowalna po odświeżeniu strony

0

Problem

Normalnie gdy rozmawiam za pomocą wiadomości prywatnych, lista wiadomości jest scrolowalna: mogę przewijać w górę, do starszych wiadomości, i w dół, do nowszych (nie wiem, czy aspekt dynamicznego doładowywania się wiadomości ma tu coś do rzeczy – chyba nie).

Natomiast gdy wyślę "zbyt wiele" prywatnych wiadomości naraz, lista wiadomości przestaje być scrolowalna. Nie wiem, co to znaczy "zbyt wiele"; może chodzi też o wysokość panelu, w którym lista jest wyświetlana? Gdy testowałem, to:

  1. lista przestawała być scrolowalna po wysłaniu ośmiu wiadomości;
  2. między pierwszą wiadomością a drugą był większy odstęp (czy tak zawsze jest?);
  3. wysokość panelu z listą wiadomości zmieniała się (zależnie od liczby i wielkości wiadomości?);
  4. każda wiadomość miała jedną linię.

Wydaje mi się, że to zachowanie może mieć coś wspólnego z klasą ps--active-y, dołączaną do kontenera listy wiadomości.

Potrzeba więcej testowania.

Środowisko

  • Przeglądarki:
    • Firefox Browser 90.0 (testy nieopisane w UPDATE-ach)
    • Chromium 91.0.4472.164 (Developer Build) (wszystkie testy opisane w UPDATE-ach)
  • Widoki:
    • desktopowy
    • mobilny (tylko testy opisane w UPDATE-ach)

PS Ważna uwaga – żeby lista przestała być scrolowalna, stronę trzeba przeładować (testowałem tylko przeładowanie bez cache).


UPDATE

Okazuje się, że lista przestaje być scrolowalna niezależnie od liczby wysłanych wiadomości – wystarczy jedna, a następnie odświeżenie strony. Nie wiem na razie, od czego to zależy. W związku z tym zmieniłem tytuł wątku (po prostu skróciłem). Wyraźna jest też pozytywna korelacja między niescrolowalnością a brakiem klasy ps--active-y.

Odświeżałem kilka razy zarówno bez cache, jak i z cache – bez zmian, lista niescrolowalna.


UPDATE2 Zaktualizowałem środowisko testowe.


UPDATE3

Kolejne obserwacje:

  • Lista przestaje być scrolowalna wyłącznie po odświeżeniu strony (niezależnie, czy bez cache, czy z) (sic!) – nie potrzeba samemu wysyłać wiadomości.
  • Lista zaczyna być scrolowalna po otrzymaniu wiadomości od rozmówcy.

UPDATE4 Zmieniłem tytuł wątku zgodnie z ostatnimi obserwacjami.


UPDATE5 Element, o którym wspomniałem, że otrzymuje klasę ps--active-y, ma ID wrap.

1

Czy są jakieś błędy JavaScript?

0

Aktualizacja: nie każde odświeżenie strony na Chromium 91.0.4472.164 (Developer Build) powoduje ten błąd (większość do tej pory powodowała). Wydaje się, jakby było to losowe.


@Adam Boduch, co do pytania o błędy JavaScriptu: w Chromium w konsoli widać jedynie jeden komunikat zbiorczy. Udało mi się go złapać na razie jedynie w przypadku braku błędu. Ma on następującą treść:

[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>

Po rozwinięciu pokazuje on kilka podobnych komunikatów występujących kilka razy na przemian; nie są one ani typu Error, ani typu Warning, ani typu Info komunikatów typu "Verbose" (sic). Ten komunikat zbiorczy występuje jedynie wtedy, gdy odświeżyć stronę z konsolą otwartą; po odświeżeniu przy konsoli zamkniętej, a następnie otwarciu konsoli nie ma w niej nic. Po wybraniu opcji zapisu tego komunikatu zbiorczego do pliku takie coś zostaje zapisane:

[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
rocket-loader.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
t.addEventListener @ rocket-loader.min.js:1
v.bind @ vendor-c3f5778d915489f88742.js:1
y.bind @ vendor-c3f5778d915489f88742.js:1
k @ vendor-c3f5778d915489f88742.js:1
drag-thumb @ vendor-c3f5778d915489f88742.js:1
(anonymous) @ vendor-c3f5778d915489f88742.js:1
I @ vendor-c3f5778d915489f88742.js:1
mounted @ common-a6b69c0c1d165ab0360e.js:1
He @ vue.min.js:6
Yt @ vue.min.js:6
insert @ vue.min.js:6
k @ vue.min.js:6
(anonymous) @ vue.min.js:6
e._update @ vue.min.js:6
r @ vue.min.js:6
fn.get @ vue.min.js:6
fn @ vue.min.js:6
(anonymous) @ vue.min.js:6
wn.$mount @ vue.min.js:6
wn.$mount @ vue.min.js:6
dHOs @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
0 @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
r @ runtime-b9c2e958a609c8eece50.js:1
t @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ common-a6b69c0c1d165ab0360e.js:1
rocket-loader.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
t.addEventListener @ rocket-loader.min.js:1
v.bind @ vendor-c3f5778d915489f88742.js:1
y.bind @ vendor-c3f5778d915489f88742.js:1
k @ vendor-c3f5778d915489f88742.js:1
drag-thumb @ vendor-c3f5778d915489f88742.js:1
(anonymous) @ vendor-c3f5778d915489f88742.js:1
I @ vendor-c3f5778d915489f88742.js:1
mounted @ common-a6b69c0c1d165ab0360e.js:1
He @ vue.min.js:6
Yt @ vue.min.js:6
insert @ vue.min.js:6
k @ vue.min.js:6
(anonymous) @ vue.min.js:6
e._update @ vue.min.js:6
r @ vue.min.js:6
fn.get @ vue.min.js:6
fn @ vue.min.js:6
(anonymous) @ vue.min.js:6
wn.$mount @ vue.min.js:6
wn.$mount @ vue.min.js:6
dHOs @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
0 @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
r @ runtime-b9c2e958a609c8eece50.js:1
t @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ common-a6b69c0c1d165ab0360e.js:1
rocket-loader.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'wheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
t.addEventListener @ rocket-loader.min.js:1
v.bind @ vendor-c3f5778d915489f88742.js:1
y.bind @ vendor-c3f5778d915489f88742.js:1
wheel @ vendor-c3f5778d915489f88742.js:1
(anonymous) @ vendor-c3f5778d915489f88742.js:1
I @ vendor-c3f5778d915489f88742.js:1
mounted @ common-a6b69c0c1d165ab0360e.js:1
He @ vue.min.js:6
Yt @ vue.min.js:6
insert @ vue.min.js:6
k @ vue.min.js:6
(anonymous) @ vue.min.js:6
e._update @ vue.min.js:6
r @ vue.min.js:6
fn.get @ vue.min.js:6
fn @ vue.min.js:6
(anonymous) @ vue.min.js:6
wn.$mount @ vue.min.js:6
wn.$mount @ vue.min.js:6
dHOs @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
0 @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
r @ runtime-b9c2e958a609c8eece50.js:1
t @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ common-a6b69c0c1d165ab0360e.js:1
rocket-loader.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
t.addEventListener @ rocket-loader.min.js:1
v.bind @ vendor-c3f5778d915489f88742.js:1
y.bind @ vendor-c3f5778d915489f88742.js:1
k @ vendor-c3f5778d915489f88742.js:1
drag-thumb @ vendor-c3f5778d915489f88742.js:1
(anonymous) @ vendor-c3f5778d915489f88742.js:1
I @ vendor-c3f5778d915489f88742.js:1
mounted @ common-a6b69c0c1d165ab0360e.js:1
He @ vue.min.js:6
Yt @ vue.min.js:6
insert @ vue.min.js:6
k @ vue.min.js:6
(anonymous) @ vue.min.js:6
e._update @ vue.min.js:6
r @ vue.min.js:6
fn.get @ vue.min.js:6
fn @ vue.min.js:6
(anonymous) @ vue.min.js:6
wn.$mount @ vue.min.js:6
wn.$mount @ vue.min.js:6
dHOs @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
0 @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
r @ runtime-b9c2e958a609c8eece50.js:1
t @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ common-a6b69c0c1d165ab0360e.js:1
rocket-loader.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
t.addEventListener @ rocket-loader.min.js:1
v.bind @ vendor-c3f5778d915489f88742.js:1
y.bind @ vendor-c3f5778d915489f88742.js:1
k @ vendor-c3f5778d915489f88742.js:1
drag-thumb @ vendor-c3f5778d915489f88742.js:1
(anonymous) @ vendor-c3f5778d915489f88742.js:1
I @ vendor-c3f5778d915489f88742.js:1
mounted @ common-a6b69c0c1d165ab0360e.js:1
He @ vue.min.js:6
Yt @ vue.min.js:6
insert @ vue.min.js:6
k @ vue.min.js:6
(anonymous) @ vue.min.js:6
e._update @ vue.min.js:6
r @ vue.min.js:6
fn.get @ vue.min.js:6
fn @ vue.min.js:6
(anonymous) @ vue.min.js:6
wn.$mount @ vue.min.js:6
wn.$mount @ vue.min.js:6
dHOs @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
0 @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
r @ runtime-b9c2e958a609c8eece50.js:1
t @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ common-a6b69c0c1d165ab0360e.js:1
rocket-loader.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'wheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
t.addEventListener @ rocket-loader.min.js:1
v.bind @ vendor-c3f5778d915489f88742.js:1
y.bind @ vendor-c3f5778d915489f88742.js:1
wheel @ vendor-c3f5778d915489f88742.js:1
(anonymous) @ vendor-c3f5778d915489f88742.js:1
I @ vendor-c3f5778d915489f88742.js:1
mounted @ common-a6b69c0c1d165ab0360e.js:1
He @ vue.min.js:6
Yt @ vue.min.js:6
insert @ vue.min.js:6
k @ vue.min.js:6
(anonymous) @ vue.min.js:6
e._update @ vue.min.js:6
r @ vue.min.js:6
fn.get @ vue.min.js:6
fn @ vue.min.js:6
(anonymous) @ vue.min.js:6
wn.$mount @ vue.min.js:6
wn.$mount @ vue.min.js:6
dHOs @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
0 @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
r @ runtime-b9c2e958a609c8eece50.js:1
t @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ common-a6b69c0c1d165ab0360e.js:1
rocket-loader.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
t.addEventListener @ rocket-loader.min.js:1
v.bind @ vendor-c3f5778d915489f88742.js:1
y.bind @ vendor-c3f5778d915489f88742.js:1
k @ vendor-c3f5778d915489f88742.js:1
drag-thumb @ vendor-c3f5778d915489f88742.js:1
(anonymous) @ vendor-c3f5778d915489f88742.js:1
I @ vendor-c3f5778d915489f88742.js:1
mounted @ common-a6b69c0c1d165ab0360e.js:1
He @ vue.min.js:6
Yt @ vue.min.js:6
insert @ vue.min.js:6
k @ vue.min.js:6
(anonymous) @ vue.min.js:6
e._update @ vue.min.js:6
r @ vue.min.js:6
fn.get @ vue.min.js:6
fn @ vue.min.js:6
(anonymous) @ vue.min.js:6
wn.$mount @ vue.min.js:6
wn.$mount @ vue.min.js:6
t._init @ vue.min.js:6
wn @ vue.min.js:6
o0Mf @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ app-ce20dc3b41ce8bdffa0d.js:1
value @ common-a6b69c0c1d165ab0360e.js:1
dHOs @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
0 @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
r @ runtime-b9c2e958a609c8eece50.js:1
t @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ common-a6b69c0c1d165ab0360e.js:1
Show 3 more frames
rocket-loader.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
t.addEventListener @ rocket-loader.min.js:1
v.bind @ vendor-c3f5778d915489f88742.js:1
y.bind @ vendor-c3f5778d915489f88742.js:1
k @ vendor-c3f5778d915489f88742.js:1
drag-thumb @ vendor-c3f5778d915489f88742.js:1
(anonymous) @ vendor-c3f5778d915489f88742.js:1
I @ vendor-c3f5778d915489f88742.js:1
mounted @ common-a6b69c0c1d165ab0360e.js:1
He @ vue.min.js:6
Yt @ vue.min.js:6
insert @ vue.min.js:6
k @ vue.min.js:6
(anonymous) @ vue.min.js:6
e._update @ vue.min.js:6
r @ vue.min.js:6
fn.get @ vue.min.js:6
fn @ vue.min.js:6
(anonymous) @ vue.min.js:6
wn.$mount @ vue.min.js:6
wn.$mount @ vue.min.js:6
t._init @ vue.min.js:6
wn @ vue.min.js:6
o0Mf @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ app-ce20dc3b41ce8bdffa0d.js:1
value @ common-a6b69c0c1d165ab0360e.js:1
dHOs @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
0 @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
r @ runtime-b9c2e958a609c8eece50.js:1
t @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ common-a6b69c0c1d165ab0360e.js:1
Show 3 more frames
rocket-loader.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'wheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
t.addEventListener @ rocket-loader.min.js:1
v.bind @ vendor-c3f5778d915489f88742.js:1
y.bind @ vendor-c3f5778d915489f88742.js:1
wheel @ vendor-c3f5778d915489f88742.js:1
(anonymous) @ vendor-c3f5778d915489f88742.js:1
I @ vendor-c3f5778d915489f88742.js:1
mounted @ common-a6b69c0c1d165ab0360e.js:1
He @ vue.min.js:6
Yt @ vue.min.js:6
insert @ vue.min.js:6
k @ vue.min.js:6
(anonymous) @ vue.min.js:6
e._update @ vue.min.js:6
r @ vue.min.js:6
fn.get @ vue.min.js:6
fn @ vue.min.js:6
(anonymous) @ vue.min.js:6
wn.$mount @ vue.min.js:6
wn.$mount @ vue.min.js:6
t._init @ vue.min.js:6
wn @ vue.min.js:6
o0Mf @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ app-ce20dc3b41ce8bdffa0d.js:1
value @ common-a6b69c0c1d165ab0360e.js:1
dHOs @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
0 @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
r @ runtime-b9c2e958a609c8eece50.js:1
t @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ common-a6b69c0c1d165ab0360e.js:1
Show 2 more frames
rocket-loader.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
t.addEventListener @ rocket-loader.min.js:1
markAllAsRead @ app-ce20dc3b41ce8bdffa0d.js:1
mounted @ app-ce20dc3b41ce8bdffa0d.js:1
He @ vue.min.js:6
Yt @ vue.min.js:6
(anonymous) @ vue.min.js:6
wn.$mount @ vue.min.js:6
wn.$mount @ vue.min.js:6
t._init @ vue.min.js:6
wn @ vue.min.js:6
o0Mf @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ app-ce20dc3b41ce8bdffa0d.js:1
value @ common-a6b69c0c1d165ab0360e.js:1
dHOs @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
0 @ app-ce20dc3b41ce8bdffa0d.js:1
i @ runtime-b9c2e958a609c8eece50.js:1
r @ runtime-b9c2e958a609c8eece50.js:1
t @ runtime-b9c2e958a609c8eece50.js:1
(anonymous) @ common-a6b69c0c1d165ab0360e.js:1
0

Nie wiem co to jest ten rocket-loader.min.js który pojawia się na Twojej konsoli. Nie masz jakiejś wtyczki w przeglądarce? Próbowałeś w trybie incognito? Albo na innej przeglądarce?

U mnie na Chrome i Firefox działa ok. W konsoli czysto.

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