thegetty / quire

A multi-package repository for the Quire multiformat publishing framework
https://quire.getty.edu/
BSD 3-Clause "New" or "Revised" License
89 stars 10 forks source link

Footer nav buttons misaligned on Safari 17.4 #915

Open cbutcosk opened 4 months ago

cbutcosk commented 4 months ago

Before proceeding, make sure there isn’t an existing issue for this bug.

Expected Behavior

When building a fresh project based on quire-starter-default, the Prev / Next nav buttons on the bottom of the page should be aligned on the same horizontal baseline, as they are on Chrome:

Screenshot 2024-03-29 at 15 24 05

Actual Behavior

Footer nav buttons are misaligned on Safari 17.4:

Screenshot 2024-03-29 at 15 23 48

Steps to Reproduce

Version Numbers

[CLI] Command 'info' called with options { debug: true } [test] quire-cli 1.0.0-rc.11 quire-11ty 1.0.0-rc.16 starter https://github.com/thegetty/quire-starter-default@2.9.0 [System] quire-cli 1.0.0-rc.11 node v21.6.2 npm 6.14.18 os Darwin 23.4.0

Web Browser

Safari 17.4

Relevant Terminal/Shell Output

No response

Supporting Information

No response

its-leofisher commented 3 weeks ago

Before proceeding, make sure there isn’t an existing issue for this bug.

  • [x] I have searched the existing issues and determined this is a new bug.

Expected Behavior

When building a fresh project based on quire-starter-default, the Prev / Next nav buttons on the bottom of the page should be aligned on the same horizontal baseline, as they are on Chrome: Screenshot 2024-03-29 at 15 24 05

Actual Behavior

Footer nav buttons are misaligned on Safari 17.4: Screenshot 2024-03-29 at 15 23 48

Steps to Reproduce

  • npx @thegetty/quire-cli new test
  • cd test
  • npx @thegetty/quire-cli preview
  • Go to the site in your browser.

Version Numbers

[CLI] Command 'info' called with options { debug: true } [test] quire-cli 1.0.0-rc.11 quire-11ty 1.0.0-rc.16 starter https://github.com/thegetty/quire-starter-default@2.9.0 [System] quire-cli 1.0.0-rc.11 node v21.6.2 npm 6.14.18 os Darwin 23.4.0

Web Browser

Safari 17.4

Relevant Terminal/Shell Output

No response

Supporting Information

No response

min-width should be used to help with browser rendering quirks, to give it the flexibility to expand if needed.

Safari:

image

Chrome with min-width applied works well:

image