Cannot type in textfields in IE11

Question

In my site, I cannot type in textboxes on IE11 on Windows 7. Clicking the text input field, I can see the caret blinking outside the field, positioned in another place in the page. I can reproduce the problem across many computers with IE11.

Setting IE8 via Inspector solves the problem, with IE >= 9 it shows the problem. The site uses Twitter Bootstrap. I tried z-index fixes without success.

Site link: http://fortis7.moutheme.com/

Answer 1

I found out the box-sizing: border-box; did not work, so I changed it to content-box:

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
   /* IE10+ specific style */
   input:not([type="select"]),
   input:not([type="submit"]) {
     padding: 15px 20px;
     box-sizing: content-box;
     line-height: normal;
     width: auto;
     height: 15px;
     display: inline-block;
   }
}

Answer 2

For me looks like >= IE8 has a problem with box-sizing css property.. it seems to be hiding text it cant fit.. I had to adjust my padding and font-size for IE to fix this issue. Not sure if this is the same issue you have.. but worth a shot.