Какой то битый пост(http://m.joyreactor.cc/post/4875263) ломает верстку в m.joyreactor.cc внешний вид ошибки для залогиненных пользователей отличается
Что сломалось
*без входа на сайт:"правая колонка" уезжает а "тело" поста растягивается.
*а если войти(залоснится):длинные слова выезжают на соседний блок
Возможная причина: наличие в посте длинных слов без пробелов
*в: http://joyreactor.cc и http://old.reactor.cc ошибка не проявляется на 18.01.2022
Картинки (зум выкручен на 50% для экономии)
без логина:верх
низ
с логином:
верх
низ
Всё!!!(а вообще мне скучно такое писать ну вроде как то и логин меняет вид, ну и вдруг пригодится;)
=^~.-^= V
Подробнее
Ф Кнопка "случайнаястр х У JoyReactor-смешные (*-}-> с л (Э О mjoyreactor.cc/post/4875263 50% • •• © ☆ Ш\ Ш = JoyReaetcr sf* f ф J nsfw Вюд Регистрация joyreactor.cc Новое Хорошее Лучшее Бездна Кио пка ' случай чая с траки ца‘ и оптимизированный переключатель для: top joyreactorocOnm миэированн ый переключатель Hatop joyTcoctor.oc при переключении из sfw или ns fw наступи ть по середине (тс *73 6eb2;width:76px;height:28px;box-sizing:border-b ox;bo rder- rad я» :!4px.vert ical-ahgn:midd!c;margin:9px'figt;&h; scrip tbgt:docum ent.>rr!tei'*Jt;a href ='*(*» ¡ndow. local ioahref.splitC?')loJ+‘?sfw’K sty le:'display апВпе-Ыос мне хватало кнопки ‘rand om'(o тк рыть случайную страницу)‘Реализация моего вар ианта'Персн оправление через one lick н а про цедур но с генерированную ссылкуИмсет 3 режимов раОоты замените значен Date! Date лоиг( )).gctl/TCFultYcar().ne« DateiDate.no <*()).getirrCMonth|).new DateiDatenowi D.getUTCDatcU ).getTimc() )/*-part last weefc*/-f60l 2343’|ne*r Datei Datcnowf)).getUTCDay()}*86400000)/*-part last day/))))/* r radius:! 4px;vertic4l-aGgru(niddle:maroin:9px:padding:3px9px;transition:color 0.3s;bacfcgroi*id:none;cursor:pointer' onmousco ver:this.stylc.color:,#fca91a' orrrvouseout: this, style.color:'#73 6e62'Agt;RANDOM*Jt;/buttonfc фай A)data:text/1itml;base64,PHRpdGxlPlByZXZpZXc8L3RpdGxlPjKzcGFulHN0eWxlPWJhY2tncxn9lbmQ6 tzNhMmUxZTtkaXNwbGF3OnvJsb2NrO2hlawdodDo0NnB4Pjxrc<iFulHN0eWxlPWNvbG9yOiM3NTZlNjl7Zm9udClinYW /Xi8nL3llYXJUb 3AvJytyYW3 U>2 IE YXRlM S3nZXR WENGdWxsW WVhcigpOig nL3dIZ WtUb3 Avjyt yYW3kb2 IEYXRIMS3 nZXRVVENGd WxsWWVhcigp KycvJysocm FuZG9 tRGF0ZTEuZ2 VOWRDRnVsbFllYXIoKTO 9MjAwOT8xMisoTY /С2 Z3 JywnJ! Oub GVuZ3 RoKVO 6 Jyep fSkoKSIgc3R 3bGU9 ImNvb G9yOiM3NTZ lNjr7Zm9udC 1 mYWI рЬнкб ЬЗВЫ I zYW3 zLHNhbnMtc2VyaW Y7Zm9udCI zaXptojEOcHg 7Zm9ud CI 3ZWlnaHQ6NzAw02Rpc 3BsYXk6aW3saW3lLV /JyM3NTZlNjlnO idub2 3lJykrJyK) b23tb 3VzZW9 2ZXI9 dOhpcySzdH lsZS3 lYWNrZ 3 JrdW3kPSIjZmNhOTFhüBvbml vdXNlb3VOPXRoaXMuc3R3 bGUuYmFja2 dyb3VuZD0Uysod2 klZG9 3LmxvY2F0 / k> |iOUT7 iMitnn »Hi4>? *11 r K*ln h?4th 1VT7W4 ?7Y(Q Afjvtr vlrHЫ U7C1 iVWNr7 1 K*H W i7mNHftTF$tli Rvhm 1 vH VWlh 7\/flP УРляУ lliir^ R*l hhlVmFLi? Hvh 7\/ii7fVI i IVH 7 Ь|7Г.<) T l m«v Y7 PO aW9iAjnhyZWYu c3BsaXQ< 3Jz8nK / Jj MJ >1 1 А. 1П;ВЮ W ULI 4 JIJTHl Jfig Oa J Ш Я Vitn 7 4AAI7 У J £U П IT nnit J Лл1 IT J AT DI)£IIU111 1 mil Olü 111 1 «\J Ail IDJ Vwr АПООЛ MlAJnj ÜUvJI Hir^OA VJJDJ V UAIA/IJ J AKJ A IJAOJ Я UIIA* T A rV Кнопка ‘случайная страница" и оптимизированный переключатель для: top.iovreactor.ee
Л КОММЕНТАРИИ I
09 Ф Пост #4875263 <- ;■-> о л 0 0 mjoyreactor.cc/post/4875263 50% © ☆ .»оуНеасЮг 5**г ( ф ) мк Пряэет. ЮЫЕ Вькод Ш Е Кнопка "случайная страница" и оптимизированный переключатель для: top.iovreactor.ee
ф ПОСТ #4875263 х- ;■-> с л X J________________________ I © О m joyreactor.cc/post/4875263 09 50%) I ••• © ÍT |||\ Ш = гяг Г bGǧ0ny! IHMOeWxlPW MvbG9yOiM3MTZINjl7Zmí
dev,реактор,песочница
Еще на тему
В joyreactor.cc и old.reactor.cc это кажется решено через overflow:hidden такой подход мне нравиться больше так как в упомянутом в посте случае лишний текст прячется.
И так уже решали вопрос ранее поэтому это ожидаемое поведение.
~_^
Я попытался полностью с этим разобраться получилось частично пишу на всякий случай ~_^
*для воспроизведения ошибки ширина экрана должна быть не меньше 1200 пикселей
Тело поста: добавить в css overflow:hidden по моему всё
SEO блок: тут сложнее
1)добавить в css width:843px /*16+811+16*/ (дополнительная зашита от выезжания seo блока)
2) (вынесено в отдельный пост)заменить текст в блоке ответ GraphQL с title на=> description
2.5)исправить ответ description GraphQL по образцу seo блока в http://joyreactor.cc ну или сделать лучше(как не знаю) но коротко
0)(бонус)А точно ли нужен seo блок? Текст из постов не фигурирующий в "seo блоке"(если я правильно понял где он) кажется гуглится. Может попробовать его убрать временно в http://m.joyreactor.cc и посмотреть что будет?
-------------
Если все сделать в пределах поста ошибка вроде бы решается...
p.s.Этот пост тоже глючит http://m.joyreactor.cc/post/5061838
*1)добавить в css width:843px /*16+811+16*/ (дополнительная зашита от выезжания seo блока)
⠀Если добавить в css width:843px при ширение экрана меньше 1000px проявляется другой баг с выезжанием решением может стать добавить max-width:843px
(это можно заметить прокрутив страницу вправо но это не сильно заметно и в мобильном режиме FireFox ошибка мной не замечена)
⠀НО мне не так давно доводилось сталкивается с устаревшими но работавшими устройствами не поддерживавшими max-width
*"при ширение экрана меньше 1000px" => при ширение экрана в 800px тогда колонка с постом уменьшается а "seo блок"(только при добавлении width:843px ) остается с шириной 843пикселя(px) это видно и в мобильном режиме FireFox.
^Сейчас в вашей верстке такого бага нет!!!
p.s.Я больше не собираюсь сюда добавлять комментарии так как создаю путальницу.