Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Verify the bottom of each page displays content as expected and is not affected by recent change to footer position: sticky #1348

Closed
6 tasks
edwinjue opened this issue Sep 8, 2022 · 1 comment · Fixed by #1349
Assignees
Labels
P-feature: Accessibility work done to the site in order to make the site accessible Role: Frontend React front end work Size: 3pt Can be done in 13-18 hours

Comments

@edwinjue
Copy link
Member

edwinjue commented Sep 8, 2022

Overview

Recently, the footer component updated it's positioning from fixed to sticky. Verify the bottom of each page displays content as expected and is not affected by this recent change. This means confirm each 311 page does not utilize bottom padding that is no longer needed and ensure there are no pages on the site where the footer area is overlapping and covering content unexpectedly.

Action Items

For each 311 page (i.e. - Map, Reports, FAQ, About, Blog, Privacy, Contact):

  • Open the page in a browser
  • Scroll to bottom, verify content displays as expected
  • On the same page, zoom into the content until vertical scrollbars appear on the righthand side of the browser
  • Scroll back down to the bottom, verify content displays as expected
  • On the same page, zoom out of the content until vertical scrollbars disappear and a little more
  • Please note and investigate any unexpected behavior

Resources/Instructions

@edwinjue edwinjue added Role: Frontend React front end work Size: 3pt Can be done in 13-18 hours P-feature: Accessibility work done to the site in order to make the site accessible labels Sep 8, 2022
@edwinjue
Copy link
Member Author

edwinjue commented Sep 8, 2022

Noticed the footer does not stay pegged to the bottom of the page and is "sticking" to the bottom of the content. So when you zoom out, the footer rises. May need to revert back to position: fixed

2022-09-08 09_20_49-VirtualBoxVM

2022-09-08 09_27_44-VirtualBoxVM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
P-feature: Accessibility work done to the site in order to make the site accessible Role: Frontend React front end work Size: 3pt Can be done in 13-18 hours
Projects
Status: Done (without merge)
Development

Successfully merging a pull request may close this issue.

1 participant