1850482 - Unnecessary scroll bar below the support topic on apple.com

Status: NEW

(Web Compatibility :: Site Reports, defect, P3)

Description

[Calin Tanase]

Attachment: FF vs Chrome.png

Environment:
Operating system: Windows 10
Firefox version: Nightly 119.0a1 (2023-08-28)

Steps to reproduce:

1. Go to https://support.apple.com/kb/index?page=search&type=organic&src=support_searchbox_psp&locale=en_US&q=test
2. Observe the scroll bar below the support topic/post.

Expected Behaviour:
There's no scroll bar below the support topic.

Actual Behaviour:
There's a scroll bar below the support topic.

Notes:

1. Screenshot provided
2. Reproducible on Firefox Release as well
3. Not reproducible on Chrome
4. Issue found during WebCompat team [Top100] websites testing

Comment 1

[Alice0775 White]

This seems to be the web site design. The following style is applied to the container. So, the scrollbar is hidden on webkit only.

https://support.apple.com/static_resources/css/search_page.css

.tabs .tab_content_text {
    word-break: break-word;
    overflow-x: scroll;
    -ms-overflow-style: none;
}

.tabs .tab_content_text::-webkit-scrollbar {
    display: none;
}

Comment 2

[Raul Bucata]

Verified this issue and still reproduces on Firefox 122 and 124, even if the articles received an UI update.

Tested with:

Browser / Version: Firefox Release 122.0.1 (64-bit)/ Firefox Nightly 124.0a1 (2024-02-14) (64-bit)
Operating System: Windows 10 PRO x64

Comment 3

[Raul Bucata]

Attachment: Screenshot_4.png

Comment 4

[Ksenia Berezina [:ksenia]]

(In reply to Alice0775 White from comment #1)

This seems to be the web site design. The following style is applied to the container. So, the scrollbar is hidden on webkit only.

https://support.apple.com/static_resources/css/search_page.css

.tabs .tab_content_text {
    word-break: break-word;
    overflow-x: scroll;
    -ms-overflow-style: none;
}

.tabs .tab_content_text::-webkit-scrollbar {
    display: none;
}

Linking dependency as such, thanks!