iOS 11 Safari bootstrap modal text area outside of cursor

Question

With iOS 11 safari, input textbox cursor are outside of input textbox. We did not get why it is having this problem. As you can see my focused text box is email text input b

Answer 1

Frustrating bug, thanks for identifying it. Otherwise, I would be banging my iphone or my head against the wall.

The simplest fix is (1 line of code change):

Just add the following CSS to the html or to an external css file.

Here is a full working example:

.modal-open { position: fixed; }

Open modal for @mdo
Open modal for @fat
Open modal for @getbootstrap
...more buttons...


  

    

      

        ×
        
New message
      
      

        

          

            Recipient:
            
          
          

            Message:
            
          
        
      
      

        Close
        Send message
      
    
  


    
    

I submitted an issue here: https://github.com/twbs/bootstrap/issues/24059