title: overflow-x: hidden doesn't work, instead adds padding on the right when scrolled
body: <p>I'm using position: fixed for a modal box (position: fixed for the outer container that shows a dark background and position: absolute for the modal box) as mentioned in the css below. I have added overflow-y: auto and overflow-x: hidden to the modal box, but when the scroll starts i.e. when content overflows, an extra padding appears on the right bottom corner (as seen in the gif below). I want to avoid this padding. How do I go about?</p>
  
  <p>Thanks.</p>
  
  <p>Inline CSS for Modal Box:<br><br></p>
  
  <pre><code>background:'#ccc',
  zIndex:100,
  padding:"20px",
  borderRadius:"3px",
  border:"1px solid #eee",
  boxShadow: "0 4px 8px 0 rgba(0,0,0,0.2)",
  transition: "0.3s",
  paddingTop:"55px",
  top : '50%',
  left : '50%',
  right : 'auto',
  bottom : 'auto',
  maxHeight : '85%',
  marginTop: "35px", 
  overflowY : "auto",
  overflowX: "hidden",
  width : "60%",
  verticalAlign: "top",
  minHeight : "70%",
  transform : 'translate(-50%, -50%)',
  position:"absolute"
  </code></pre>
  
  <p>Inline CSS for the outer dark background<br><br></p>
  
  <pre><code>position : 'fixed',
  {top : 0,
  left : 0,
  right : 0,
  bottom : 0,
  zIndex: 19,
  background: 'rgba(0, 0, 0, 0.5)'
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/O0IIf.gif" rel="nofollow noreferrer">As seen in the image, no padding is present initially. But when the text overflows, padding is added in the form of the white square box in the bottom right corner</a></p>
  
  <p>Edit:</p>
  
  <p>Sorry for all the mistakes in the post. I am including a js fiddle of the question <a href="https://jsfiddle.net/kbsfph91" rel="nofollow noreferrer">https://jsfiddle.net/kbsfph91</a>. Also, I figured out the exact problem. The problem is that I am using a contentEditable div in my modal box, and when the content overflows, the padding occurs because scrollbars are supposed to appear, but they don't. So the empty space that comes up is the invisible scrollbar (scrolling works though). So my question should be how do I make the scrollbar visible?</p>