boostorg / boostorg/website-v2

Library Cards Are Misaligned and Displayed in an Inconsistent Order in Safari

Closed
#2,782 0 comments 0 reactions 1 assignee Claimed by @jlchilders11 View on GitHub
Dominant language
HTML
Stars
18
Forks
28
Avg merge
2d 12h
Merged PRs (30d)
77

Description

**Description**

When viewing the Libraries page in Safari, multiple libraries display their cards in an inconsistent order and alignment compared with the expected layout from Chrome.
The Contributors card is most frequently affected and appears slightly lower than the other cards in the same row. However, other cards, such as Dependencies, can also be affected.
The issue occurs across multiple libraries in Safari, resulting in an inconsistent layout between library entries.

**Steps to Reproduce**

1. Open the Libraries page using Safari.
2. Review multiple libraries and their associated cards.
3. Notice the order and vertical alignment of the cards.
4. Open the same Libraries page using Chrome.
5. Review the same libraries and compare their card order and alignment.
6. Notice that in Chrome, the cards are correctly ordered and aligned, while in Safari some cards are displayed in a different order or slightly lower than the rest.

**Actual Result**

In Safari, multiple libraries display their cards in an inconsistent order and alignment. The Contributors card is most commonly displayed slightly lower than the other cards, although other cards, such as Dependencies, can also be affected.
In Chrome, the same libraries display their cards in the correct order and aligned on the same horizontal line.

**Expected Result**

Library cards should maintain the same expected order and alignment across supported browsers, including Safari and Chrome. All cards within the same row should be properly aligned on the same horizontal line.

Safari:

Image

Image

Chrome:

Image

Differences in the Card order:
Safari:

Image

Chrome:

Image

Libraries affected:

https://www.boost.org/library/latest/accumulators/

https://www.boost.org/library/latest/align/

https://www.boost.org/library/latest/asio/
https://www.boost.org/library/latest/assert/
https://www.boost.org/library/latest/assign/
https://www.boost.org/library/latest/bimap/
https://www.boost.org/library/latest/bind/
https://www.boost.org/library/latest/chrono/
https://www.boost.org/library/latest/circular_buffer/
https://www.boost.org/library/latest/cobalt/
https://www.boost.org/library/latest/utilitycompressed_pair/
https://www.boost.org/library/latest/compute/
etc

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.