Issue 15: Tabview - switching between tabs does not preserve tab height

Webix JS
1

Component Issues:
Component: Tabview - switching between tabs does not preserve tab height

To reproduce the issue:

  1. open test example below

  2. Switch to Tab 2 (Description)

  3. Switch back to Tab 1 (Layout properties)

Notice that Form Height is cut.

See test example below:
http://webix.com/snippet/789eafc6

http://www.softcreator.com/WebIx/Issues/015_Tabview_Tab_switch_loses_tab_height/015_Tabview_Tab_switch_loses_tab_height.png

2

Problem confirmed
Fix will be included in the next build

3

The issue is partially fixed.

  1. In FF and Chrome it works like expected.

  2. In IE 10 does not render at all

  3. In Opera when switching tabbar to a 2nd tab the “template” height is truncated.

http://webix.com/snippet/2d34d0e5

4

Be sure that you don’t have “compatibility mode” enabled in IE10, the above snippet works correctly in IE10 for me.
In which version of Opera you have a problem ?

5

In which version of Opera you have a problem ?

Version: 12.16

Build: 1860

Platform: Win32

System: Windows 7

Browser identification: Opera/9.80 (Windows NT 6.1; WOW64) Presto/2.12.388 Version/12.16

6

In IE10 I tried both, with and w/o “compatibility mode” enabled.
With “compatibility mode” enabled the page does not render at all.

7

It is expected that page doesn’t work in compatibility mode ( Webix supports IE8+ and in compatibility mode your browser works as IE7 )

In standard mode the sample works correctly in IE10

  • page correctly rendered
  • tab size adjusted after switching to a different tab
8

Take a look at video:
http://www.softcreator.com/WebIx/Issues/015_Tabview_Tab_switch_loses_tab_height/015_Tabview_Tab_switch_IE10.avi