Splitter collapse doesn't cause resize in child element on IE

[fdskiParticipant]

Hi, strange problem. On Chrome code works fine, on IE11 doesn’t.

I have a splitter with two tabs in each panel

  $('#mainSplitter').jqxSplitter({ theme: SelectedTheme, width: '100%', height: '98%', orientation: 'horizontal', panels: [{ size: '50%', min: '100', collapsible: true }, { size: '50%', min: '100', collapsible: true }] });

    $('#jqxTabs1').jqxTabs({ width: '100%', height: '100%', position: 'top', theme: SelectedTheme, showCloseButtons: true});
    $('#jqxTabs2').jqxTabs({ width: '100%', height: '100%', position: 'top', theme: SelectedTheme, showCloseButtons: true});
  

In chrome and Mozilla everything is fine.
in IE11 if I double click on splitter – contents of the panel which remains visable do not resize to 100% but remain same size as half the screen.
If i slide the splitter – resize works properly.

What am I missing ?

[fdskiParticipant]

nevermind, i got it fixed.

Taking out following line fixed it
<meta http-equiv="X-UA-Compatible" content="IE=8" />

I HATE internet explorer….

B

[Author]

Posts