search

NMoore-STEM / ASC-LLC-Redesign

Ananda Science Consulting webpage redesign
https://anandascience.com/
0 stars 0 forks source link

ASC and NM Portfolio - Contact forms - html shrinks to <100% in height after submit #551

Closed NMoore-STEM closed 1 year ago

NMoore-STEM commented 1 year ago

After submitting form on both ASC and NM port. contact pages, the <html> and <body> shrink to a smaller height than current viewport height. This happens once the input elements move off screen and the form container shrinks to fit the "Thank you" message. Will fix either by adding declaration to CSS rules for both of the aforementioned HTML elements to say: -height: 100% OR -min-height: 100%

NMoore-STEM commented 1 year ago

Found that adding html, body { height:100%; } in global CSS rules caused undesired page behavior. Most notably, the header (as well as <html> and <body>) width intruded on about half the width of the y-scrollbar. When this rule was disabled, the problem seemed to be resolved. Additionally, corrections made in the CSS concerning margins for the form container and the footer after form is submitted and element height change occurs seemed to be the only CSS needed to address the initial issue. Will look further into this before closing...