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

PODM field mapping page text is cut off horizontally #673

Open
phette23 opened this issue Mar 13, 2024 · 0 comments
Open

PODM field mapping page text is cut off horizontally #673

phette23 opened this issue Mar 13, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@phette23
Copy link

The content at https://resources.data.gov/resources/podm-field-mapping/ is cut off horizontally on desktop devices (I did not test mobile):

Screenshot 2024-03-13 at 10 30 55 AM

This happens because the tables of fields towards the bottom (Dataset Fields, etc.) overflow the bounds of the main content container. It causes the text of other areas, seen in the screenshot above, to also overflow. There are no horizontal scroll bars on the page and the left/right arrow keys do not scroll either. On Safari, you can click-and-drag highlight text that overflows to scroll the page to the right, but on Chrome and Firefox it's not possible to view the overflowing text and table cells.

An overflow: scroll on the <div class="usa-layout__docs-main desktop:grid-col-9"> container adds scroll bars, though the page looks somewhat awkward as a result. There seem to be other pages on the site with wide tables but I couldn't tell why they don't suffer from this problem. Maybe it has to do with the long strings in table cells, though those seem to line break OK.

@gujral-rei gujral-rei added the bug Something isn't working label Mar 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
Status: 🧊 Icebox
Development

No branches or pull requests

2 participants