Title: Offscreen element causing horizontal scrollbar
Last modified: October 21, 2018

---

# Offscreen element causing horizontal scrollbar

 *  Resolved [kaizerco](https://wordpress.org/support/users/kaizerco/)
 * (@kaizerco)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/offscreen-element-causing-horizontal-scrollbar/)
 * There seems to be an input div that is extending beyond the page causing a horizontal
   scroll bar to appear. I believe it’s since the last update.
 * `<input class="ideapush-form-idea-attachment" name="fileToUpload" id="fileToUpload"
   accept=".jpg, .jpeg, .png, .gif" type="file">`
 * When I disable `Width:100%;` In frontendstyle.css – lines: 530 and 110 – it goes
   back to normal.
 * In the mean time I added into my own CSS:
 *     ```
       #fileToUpload {
           width: auto;
       }
       ```
   
 * It’s odd though. I can’t find what is determining the specific width that causes
   it to go off screen.
    -  This topic was modified 7 years, 7 months ago by [kaizerco](https://wordpress.org/support/users/kaizerco/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Foffscreen-element-causing-horizontal-scrollbar%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [Northern Beaches Websites](https://wordpress.org/support/users/northernbeacheswebsites/)
 * (@northernbeacheswebsites)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/offscreen-element-causing-horizontal-scrollbar/#post-10801747)
 * Hi [@kaizerco](https://wordpress.org/support/users/kaizerco/),
 * Are you sure what you are saying is right? Because on your website this div element
   isn’t using that CSS anyway, this element uses:
 * width: max-content !important; (which is on line 817 of frontendstyle.css)
 * Thanks,
 *  Thread Starter [kaizerco](https://wordpress.org/support/users/kaizerco/)
 * (@kaizerco)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/offscreen-element-causing-horizontal-scrollbar/#post-10802618)
 * I forgot to mention I’m using firefox.
 * It seems that in firefox ‘max-content’ is giving an error: “invalid property 
   value”, and that’s why lines 530 and 110 are affecting the input div.
 * In chrome it seems to be fine.
 * Apparently max-content in firefox = -moz-max-content
    That works!
    -  This reply was modified 7 years, 7 months ago by [kaizerco](https://wordpress.org/support/users/kaizerco/).

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Offscreen element causing horizontal scrollbar’ is closed to new replies.

 * ![](https://ps.w.org/ideapush/assets/icon-256x256.png?rev=1829711)
 * [IdeaPush](https://wordpress.org/plugins/ideapush/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ideapush/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ideapush/)
 * [Active Topics](https://wordpress.org/support/plugin/ideapush/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ideapush/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ideapush/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [kaizerco](https://wordpress.org/support/users/kaizerco/)
 * Last activity: [7 years, 7 months ago](https://wordpress.org/support/topic/offscreen-element-causing-horizontal-scrollbar/#post-10802618)
 * Status: resolved