search

webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
747 stars 68 forks source link

www.agrimaroc.ma - "Forum" tag is displayed misaligned #66556

Closed webcompat-bot closed 3 years ago

webcompat-bot commented 3 years ago

URL: https://www.agrimaroc.ma/

Browser / Version: Firefox 86.0 Operating System: Windows 10 Tested Another Browser: Yes Chrome

Problem type: Design is broken Description: Items are overlapped Steps to Reproduce: The marquee tag (just below the menu, with the text saying "forum") makes the text appear in places it shouldn't, normally it should not start being visible from the edge of the entire screen/browser, but it should only start appearing on the inner white area where the content of the website is, you can see there is a small bar there for it and the leftmost edge is where it used to start appearing then start moving towards the left. This didn't used to happen on earlier versions of Firefox Developer Edition. I tried on Chrome and Edge and it works fine. Another thing that happens is that the marquee text doesn't appear sometimes at all, and you have to refresh the page a couple of times...

View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️

softvision-oana-arbuzov commented 3 years ago

Thanks for the report, I was not able to reproduce the issue. image

Affected area:

<div class="latest_replies">
    <span class="forump">Forum</span>
    <marquee>
        <span style="color: red; font-weight: bold;">Commentaires: </span>
        <a class="replies" href="https://www.agrimaroc.ma/fiche-technique-de-la-culture-de-la-vigne-au-maroc/#comment-1134">On peux y planter taille guyot au maroc ou cordon roya ou avez vous des noms de ceps ?? Merci…</a> -- 
        <a class="replies" href="https://www.agrimaroc.ma/poulet-beldi-avenir/#comment-1131">je suis technicien avicole ayant une longue expérience au domaine avicole Je suis à la disposition des gens qui veulent…</a> -- 
        <a class="replies" href="https://www.agrimaroc.ma/fiche-technique-de-la-culture-de-la-vigne-au-maroc/#comment-1128">Le pied américain ceps et greffé</a> -- 
        <a class="replies" href="https://www.agrimaroc.ma/algerie-ingenieur-agronome-hydroponie/#comment-1125">Félicitations pour toutes ces initiatives il faut être confiant et perseverer</a> -- 
        <a class="replies" href="https://www.agrimaroc.ma/%d9%88%d9%83%d8%a7%d9%84%d8%a9-%d8%a7%d9%84%d8%aa%d9%86%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%81%d9%84%d8%a7%d8%ad%d9%8a%d8%a9-%d8%a7%d9%84%d9%81%d9%84%d8%a7%d8%ad%d9%8a%d9%86/#comment-1122">اناعبدواعوني'من'الراشدية'مكاين.لااعانة'لاوالوا'عندي'الارض'درت'البيرولاغراس..صاوبت.الملفات.باكمالها.والرخص.منذ12السنة..سير..اجي..من.ارفود..الى.الراشدية..ولاحيات.لمن.تنادي..بجهتناوالله'الرحيم..</a> -- 
        <span style="color: red; font-weight: bold;"> - Forum: </span>
        <span>--</span>
<!--cut out-->
</div>

Tested with: Browser / Version: Firefox Nightly 87.0a1 (2021-02-01) Operating System: Windows 10 Pro

Moving to Needsdiagnosis for further investigation.

karlcow commented 3 years ago

To make it more explicit. This is the error being described.

Capture d’écran 2021-02-12 à 12 32 54 
<div class="latest_replies"> 
  <span class="forump">Forum</span>
  <marquee> … content… </marquee>
</div>

This is a bug in Firefox. A reduced testcase

data:text/html,<!doctype html><div style="width:200px;border: 2px solid red;"><div style="display:flex;"><marquee>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deserunt commodi ratione iste tempore nemo mollitia exercitationem error cum excepturi sit ab eius consectetur quasi possimus facere, iusto est impedit laborum.</marquee></div></div>
karlcow commented 3 years ago

Close as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1692380