Comments (3)
Same problem when users land on a link from the email, the Plan component is in the wrong wrapper. Doesn't happen this way when getting the state directly through the form.
from crush2020.
I'm not quite sure how to get to the plan page you referenced in the second comment, but I did investigate the form issue.
Interestingly enough, I can't replicate this issue on my local version, but I can replicate it on the live site. Can you check this as well?
I ran a diff of the rendered code on the live site and this is the difference. It looks like the issue is with this line of code:
<GridContainer className="form-container">
Correct layout if you navigate to the page using the button:
<div class="grid-container form-container" data-testid="gridContainer">
On refresh, the class of form-container
is missing:
<div class="grid-container" data-testid="gridContainer">
After further investigation, it looked to potentially be an issue with @trussworks/react-uswds
inside this component, but upon further look, there's nothing there that necessarily looks bad either.
A simple fix might be to put <div className="form-container">
inside the <GridContainer>
component. Although not sure if that would have negative side effects (either on the app or on the design system).
Let me know what you think
from crush2020.
very weird, thanks for looking. maybe something with the gatsby SSR and @trussworks/react-uswds
from crush2020.
Related Issues (18)
- Keep global state? HOT 3
- TypeError: Cannot read property 'name' of undefined
- Hide donation recommendations if user selects $0
- Move candidate data to server HOT 1
- Source url parameter
- TypeError: undefined is not a function HOT 1
- Get state-level data HOT 2
- Reported slow loading
- If you click "RI" on the map, you get "Massachusetts". HOT 1
- Stuck on the "Pick a competitive state and help win big nationally" page. HOT 2
- Tests! HOT 1
- Add endorsements HOT 2
- Race narratives
- Page transitions
- Ensure browser back/forward works HOT 1
- Let users scroll through organizations HOT 1
- Improve map on mobile HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from crush2020.