Forum - błąd z bloczkami

pytanie zadane 1 marca w Sprawy forum przez Panelinio Mądrala (5,430 p.)

Cześć

Podczas przeglądania forum na komputerze natrafiam się na taki błąd:

Natrafiam na to od dłuższego czasu, a dopiero niedawno dowiedziałem się, że można takie rzeczy zgłaszać

1	komentarz 1 marca przez Wiciorny Ekspert (270,870 p.) U mnie problem taki nie występuje, nie wiem jak u innych

1 odpowiedź

odpowiedź 1 marca przez Arkadiusz Waluk Ekspert (287,950 p.)
wybrane 2 marca przez Panelinio

Najlepsza

Cześć, dzięki za zgłoszenie. Czy możesz podać więcej szczegółów, chociażby na jakiej przeglądarce w jakiej wersji występuje problem? Sprawdziłem u siebie na najnowszym Chrome oraz Firefox i tego nie widzę, kafelki ułożone są w rządku obok siebie.

komentarz 2 marca przez Panelinio Mądrala (5,430 p.)

Na pewno na Chrome, wersji nie pamiętam, zerknę w poniedziałek. Problem występuje po kliknięciu w skrajne kategorie (te najbliższe lewej strony). Mogę jeszcze zobaczyć jutro na operze na swoim laptopie

komentarz 2 marca przez Arkadiusz Waluk Ekspert (287,950 p.)

Niestety nie udało mi się odtworzyć tego u siebie pomimo prób poklikania w kategorie na różne sposoby, ale to cenna informacja. Może udałoby się nagrać krótki filmik, który pokaże co po kolei robisz i gdy się sypie? Albo chociaż opisać konkretnie po kolei które kategorie w jaki sposób klikać, aby to uzyskać. Może być w poniedziałek, na spokojnie :)

komentarz 3 marca przez Toxc Dyskutant (7,600 p.)

Mam ten sam błąd trzeba ustawić ciemny motyw bo na jasnym jest ok i kliknąć np. w Sieci komputerowe

komentarz 3 marca przez Arkadiusz Waluk Ekspert (287,950 p.)

Sprawdzałem na ciemnym, ale teraz po Twoim opisie widzę - najpierw wszystko jest w porządku, trzeba kliknąć na daną skrajną kategorię i po przejściu na jej stronę ponownie najechać na tą aktywną, wtedy dopiero widać problem. Dzięki.

Tak na szybko widać, że tam przy aktywnie wybranej kategorii nadawana jest jakaś 2px ramka na dole, a po najechaniu z jakiegoś powodu ona znika. Wtedy ten element podsuwa się nieco wyżej, te obok się nie mieszczą przez kafelki wyżej i się rozjeżdża. Do zerknięcia dokładnie i poprawy.

komentarz 4 marca przez Arkadiusz Waluk Ekspert (287,950 p.)

Wrzuciłem poprawkę, problem nie powiem już występować.

komentarz 5 marca przez Panelinio Mądrala (5,430 p.)

Niestety dalej występuje
https://we.tl/t-TkLywIiKnf
Nagrywane dzisiaj na Chrome wersja 122.0.6261.95

komentarz 5 marca przez Arkadiusz Waluk Ekspert (287,950 p.)

Mega dziwne, mam tę samą wersję, próbuję w identyczny sposób i nie mogę odtworzyć problemu. Co więcej, u Ciebie problem występuje w zasadzie od razu po kliknięciu jeśli dobrze widzę, u mnie trzeba kliknąć na daną kategorię, a następnie najechać na aktywną i dopiero. Popróbuję odtworzyć to u siebie. Zapytam jeszcze jaką masz rozdzielczość ekranu/wielkość okna przeglądarki? Może to też ma jakiś wpływ.

komentarz 6 marca przez Panelinio Mądrala (5,430 p.)

Już wiadomo, wina po mojej stronie. Wszystko zależy od rozdzielczości ekranu. Problem pojawia się na rozdzielczości 1920x1200 (zalecane na laptopie), z kolei na 1920x1080 (zalecane na monitorze) działa bez zarzutu

komentarz 11 marca przez Arkadiusz Waluk Ekspert (287,950 p.)

Potrzebowałem chwili wolnego czasu, aby raz jeszcze porządnie zerknąć na temat i szczerze mówiąc nadal nie mogę tego odtworzyć. Patrzę na Chrome, jak podałeś, choć sprawdziłem już też inne przeglądarki. Próbowałem sprawdzać na różnych wielkościach ekranu i dokładnie tych które podałeś też. Zasymulowałem taką wielkość przez narzędzia deweloperskie przeglądarki i wszystko jest ok. Uznałem, że może to same devtoolsy a nie rzeczywista wielkość ekranu są problemem, więc sprawdziłem jeszcze na wirtualnej maszynie zmieniając rozdzielczości ekranu. Problemu nie mogę u siebie odtworzyć niestety, więc ciężko naprawić. Na oko wygląda jakby nadal gdzieś czyścił dolną ramkę kafelka przez co się rozjeżdża, ale nie mogę tego znaleźć w kodzie tak na sucho.

Jeśli u Ciebie problem nadal występuje, to mógłbyś np. nagrać jeszcze jak to wygląda na narzędziach deweloperskich? Tzn. spowodować problem, wybrać prawym "zbadaj" na tym tym aktywnym kafelku kategorii, a następnie zaznaczając konkretny element <a> kafelka w inspektorze (tam powinien być a > dfn > img, wydaje mi się, że chodzi o a) pokazać jakie są jego style CSS, czyli chociażby przewinąć od góry do dołu jakie ma właściwości? Mogę pokazać co dokładnie mam na myśli, bo z obecnego opisu niestety nie wiem jak to odtworzyć i naprawić, chyba że ktoś jeszcze widzi u siebie problem i umie naprowadzić.

1	komentarz 11 marca przez Panelinio Mądrala (5,430 p.) Jasne, zerknę na to. Nie wiem czym to jest w takim razie spowodowane. Z kolei na prywatnym laptopie, na Operze GX śmiga bez błędów. Z rana zerknę i prześlę wideo

komentarz 14 marca przez Panelinio Mądrala (5,430 p.)

@Arkadiusz Waluk, Wybacz za obsuwkę, podaję link do filmu. Mam nadzieję, że wszystko podałem
https://we.tl/t-VilmaWYYs7

komentarz 19 marca przez Arkadiusz Waluk Ekspert (287,950 p.)

Spoko, ja też jak widać potrzebuję chwili, aby do tego przysiąść i dopiero dziś dokładniej przejrzałem oraz porównałem. To co pokazałeś wygląda u mnie tak samo i nie widzę tu problemu. Czy mógłbyś pokazać jeszcze po kolei wszystkie style dla elementu <a>, który jest jeszcze wyżej? Tzn. zaznaczyć go, a później pokazać to wszystko co jest na zakładce Styles. Na tym filmie pokazujesz img i dfn, a nad nimi jest jeszcze a, zaznaczyłem jego kawałek na zrzucie z filmu. Może tam coś jeszcze jest, bo pierwsza poprawka, którą wrzuciłem, dotyczyła właśnie tego elementu <a>.

Sorry, że takie prośby, ale nie mam póki co pomysłu co może być nie tak i niezbyt też mam pomysł jak to inaczej sprawdzić.

komentarz 25 marca przez Panelinio Mądrala (5,430 p.)

Nic nie szkodzi. Mi też zależy aby wszystko ładnie działało, dlatego pomogę
https://we.tl/t-u6hYy6posr
Trzymaj

komentarz 25 marca przez Arkadiusz Waluk Ekspert (287,950 p.)

Dzięki. Porównałem ten element z tym co jest u mnie i nadal wygląda to identycznie, więc jest to bardzo dziwne. Jak odznaczyłeś margines/obramowanie dolne to się poniekąd naprawia, ale u mnie to samo wygląda ok. Na dziś szczerze mówiąc nie wiem, w wolnej chwili zerknę na to jeszcze raz, może coś pominąłem. Ewentualnie może dobrze byłoby też po prostu przebudować cały ten element np. na flexa i może rozwiąże to problem, teraz to jest kombinowanie z ujemnym marginesem, ramką itp., co w kodzie wygląda tak średnio.