Clicking a tooltip anchor to open modal window issue - Firefox

[rufhausen]

I have an anchor tag that shows a tooltip on hover. If you click on it, is should open a modal window. This works fine in Chrome, etc. but not in Firefox (Win or Mac). I'm assuming that FF has an issue with combining the two. The backdrop shows up but not the modal box. Here's the code:

Anchor:

<a class="label warning" href="##" id="newEventsToolTip" title="New Events Waiting" data-content="You have new events that need action. Click the <span class='label warning'>&nbsp#session.newEventsCount#&nbsp</span> icon to see these events.">&nbsp#session.newEventsCount#&nbsp</a>

JS:

$("#newEventsToolTip").popover({
    placement: 'below',
    offset: 30 ,
    html: true,
    show: true
});

$("#newEventsToolTip").click(function() {
        $("#newEventsModal").modal({
        show: true,
        backdrop: true
    });
});

[fat]

Hmm.. bummer - i'll look into this

[fat]

do you have html for newEventsModal?

[fat]

I ask because I can't reproduce this with our demo markup

[rufhausen]

Here's the HTML (with some CFML mixed in):

<div id="newEventsModal" class="modal hide fade">
     <div class="modal-header">
    <h3 class="red">There are new Events that need attention!<a href="##" class="close" id="closeNewEventsModal">x</a>              </h3>
  </div>
  <div class="modal-body">
    <table class="zebra-striped">
    <tr>
        <th>Title</th>
        <th>Received At</th>
        <th>Deadline Date</th>
    </tr>
    <cfloop query="newEvents">
    <tr>
        <td>#linkTo(text="#truncate(text="#title#", length="#get("maxTitleCharCount")#")#", controller="event", action="edit", key="#id#")#</a></td>
        <td>#dateFormat(createdAt,"MM/DD/YYYY")# @ #timeFormat(createdAt,"HH:MM tt")#</td>
        <td>#dateFormat(deliveryDate,"MM/DD/YYYY")#</td>
    </tr>
    </cfloop>
    </table>
  </div>
  <div class="modal-footer">
    <a href="##" class="btn secondary" id="closeNewEventsModalButton">Dismiss</a>
  </div>
</div>

[timokhin]

Same problem

[fat]

http://jsfiddle.net/xh5C8/ works fine for me in firefox.