www.decathlon.ro - Full text does not fit in the allocated gofer boxes space

[softvision-oana-arbuzov]

URL: https://www.decathlon.ro/card-fidelitate.html

Browser / Version: Firefox Nightly 69.0a1 (2019.05.21) Operating System: Windows 10 Pro Tested Another Browser: Yes

Problem type: Design is broken Description: Full text does not fit in the allocated gofer boxes space Steps to Reproduce:

1. Navigate to https://www.decathlon.ro/card-fidelitate.html
2. Observe the text from the gofer boxes Expected Behavior: The entire text is visible and fits the allocated space.

Actual Behavior: The text is displayed truncated and bottom part is missing on some boxes.

Note

1. Not reproducible on Chrome 74.0.3729.169.
2. Screenshot attached. Missing element:

   <div class="middle">
   <p>
       <img class="pictohexa" src="/ecro/static/services/img/pictos_icons_conseiller.svg">
       <img class="pictohexa" src="/ecro/static/services/img/pictos_icons_conseiller-2.svg">
       <br>
           <font>SFATURI
               <br>SPORTIVE
           </font>
       <br>
       Beneficiez de consiliere personalizată în concordanță cu sportul și produsele preferate.
   </p>
   </div>

Watchers: @softvision-oana-arbuzov @softvision-sergiulogigan @cipriansv

sv;

Browser Configuration

• None

From webcompat.com with ❤️

[karlcow]

The boxes have different height in Chrome and firefox.

firefox

chrome

And this is the two of them combined to see the differences.

[karlcow]

The line-height is slightly different in between the two. I don't think there is a miracle solution. The design is a not resilient enough to the variation of devices and contexts.

[softvision-oana-arbuzov]

The issue has been fixed. The text is displayed correctly in the gofer boxes now.

Tested with: Browser / Version: Firefox Nightly 107.0a1 (2022-09-20) Operating System: Windows 10 Pro

[inv_38/2022]