We have just completed converting or tooltips over to jQuery UI 1.11.4 (jQuery 1.11.3) and I have discovered that some version of IE 11 work and some don't. 

Is anyone aware of this and if so, can you identify the version where this works reliably (so I can set a minimum version baseline)? 

I have verified that the browsers are NOT in compatibility mode.

This version works: 11.0.9600.17959 (UPD: 11.0.22)

This version fails: 11.0.9600.17501 (UPD: 11.0.15)

The symptom is that the keyword is rendered, but the tooltip never pops up and it's text is never rendered.

Thank you,

Dan

HTML (example):

1. <div class="popper" id="ttip_1" title="[This is <br />tooltip<br /> text!]">Hover here</div>

CSS (please pardon the use of "important!"):

2. /* Style for the <div>text</div> that triggers the pop-up tooltip */
3. .popper { 
4.     color: blue; 
5.     display: inline; 
6. }
7. .ui-tooltip {
8.     max-width: 450px !important; 
9. } 
10. .ui-tooltip-content {
11.     /* background-color: #b7dde8 !important; */
12.     font-size: 18px !important;
13. }
14. .ui-tooltip-content::after, .ui-tooltip-content::before {
15.     position: absolute;  
16.     border-style: solid;
17.     display: block;
18. }
19. .ui-tooltip-content::before {
20.     bottom: -10px;
21.     border-color: blue;
22.     border-width: 10px 10px 0;
23. }
24. .ui-tooltip-content::after {
25.     bottom: -7px;
26.     border-color: gray;
27.     border-width: 10px 10px 0;
28. }

This is my script code:

1. /* Allow HTML rendering */
3. $.widget("ui.tooltip", $.ui.tooltip, {
4.     options: {
5.         content: function () {
6.             return $(this).prop('title');
7.         },
8.     }
9. });
10. 
    
12. $(function() {
13.     $( "div[id^='ttip_']" ).tooltip({
14.        show: "slideDown",
15.        position: {
16.           my: "center bottom",
17.           at: "right top-100%",
18.           collision: "flipfit"
19.        },
20.     });
21. });