Jqxtabs textWrapper is sometimes empty

[GabriellaSParticipant]

I have created a tab with four elements:

<li id=”TypeA” class=”tab” >aaa
<li id=”TypeB” class=”tab” >bbb
<li id=”TypeC” class=”tab” >bbb
<li id=”TypeD” class=”tab” >bb

<div class=”TabPage” ></div>
<div class=”TabPage” ></div>
<div class=”TabPage” ></div>
<div class=”TabPage” ></div>

I get an error on the console:
jqxtabs.js:1646 Uncaught TypeError: Cannot read property ‘style’ of undefined
at namespace.(anonymous function)._verticalAlignElements (http://localhost:62435/jqwidgets/jqxtabs.js:1646:29)
at namespace.(anonymous function)._performHeaderLayout (http://localhost:62435/jqwidgets/jqxtabs.js:1600:18)
at namespace.(anonymous function)._performLayout (http://localhost:62435/jqwidgets/jqxtabs.js:1342:18)
at jqxtabs.js:335

defensively coding by amending these lines in jqxtabs.js removes the error:

if (textWrapper)
textWrapper.style.height = ‘100%’;

// this._titleList[count].children(0).height(this._titleList[count].height());
var visibleHeight = this._height(currentTitle);
if (closeButtonWrapper) {
var closeButtonWrapperMiddle = visibleHeight / 2 – this._height(closeButtonWrapper) / 2;
closeButtonWrapper.style.marginTop = this._toPx(1 + closeButtonWrapperMiddle);
}
if (textWrapper) {
var textWrapperMiddle = visibleHeight / 2 – this._height(textWrapper) / 2;
textWrapper.style.marginTop = this._toPx(textWrapperMiddle);
}

Can you please advise as to what I need to change in my declaration so I do not have to change jqxtabs.js

[HristoParticipant]

Hello GabriellaS,

Could you provide us with more details?
How to reproduce it?
If you could provide us with the implementation of the jqxTabs will be better.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts