Bootstrap Modal not working on ios?

Question

The modal from bootstrap doesn't seem to work in iPhone but in Android it does.

There is data from this happening? Someone can check if this is happening on any other devices?

check here: http://citmalumnes.upc.es/~marcelba/3r/Nuevo%20directorio/p%C3%A0gina%20principal.html

score 7 · Accepted Answer · answered Nov 19 '13 at 23:00

7

I think the problem is the HTML for your login link (when screen is small enough to trigger the responsive phone/tablet mode). In Chrome the cursor stays as a pointer (not hand) when I mouse over the login link in the menu:

<a data-toggle="modal" data-target="#loginform">Login</a>

Try adding a href attribute so it looks like a normal link:

<a href="#" data-toggle="modal" data-target="#loginform">Login</a>

answered Nov 19 '13 at 23:00

nickdos

8,348
5
30
47

1

@cvrebert notes in this SO answer (http://stackoverflow.com/questions/25354536/bootstrap-modal-window-does-not-work-on-an-ios-device) that iOS "by design" doesn't permit ordinarily non-clickable html items (like
) to be clickable. I'm guessing that without the href in the element, iOS takes it to be a "non-clickable" item. For me, the simple addition of the href worked.
– globalSchmidt Apr 09 '15 at 01:36

Bootstrap Modal not working on ios?

1 Answers1