[f310bParticipant]

Hi Peter,

That topic suggests we are incorrectly using API, I don’t think this is the case.

The errors are thrown on the jwwidgets demos page, see the link above as an example. We follow the same example code to build locally and see the same error so if the issue is on our end, we do not have a reference how to correctly implement.

The error message is vague in IE as it is difficult to trace it but it seems jqwidgets, uses the arguments variable to get function args in some instances. While the code is marked ‘use strict’, IE will not allow this. Though that’s all I could find digging into the error message so not sure that is the specific issue here for sure.

Please advise.
Thanks.

[f310bParticipant]

Hi,

We’re seeing the same issue.

It’s present on Pivot Grid and some other components.
e.g. https://www.jqwidgets.com/angular/angular-pivotgrid/index.htm will throw the error.

For reference, I have IE 11.0.9600 running in Edge mode.

Thanks.

[f310bParticipant]

Peter,
JQX does not inherit the browser default.
It explicitly sets this property… i.e. even if the browser default is over-ridden (like when also using Bootstrap) then JQX has explicitly made the decision to retain this property.

.jqx-widget-content {
-moz-box-sizing: content-box;
box-sizing: content-box;
-ms-touch-action: none;
-moz-background-clip: padding;
-webkit-text-size-adjust: none;
background-clip: padding-box;
-webkit-background-clip: padding-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-family: Verdana,Arial,sans-serif;
font-style: normal;
font-size: 13px;
border-color: #C7C7C7;
background: #FFF;
}

However, it is inconsistent with how containers are sized.

This seems like a bug to me. Or could you help me understand the reason this is explicitly set in JQX CSS above?
This is causing a lot of issues for us. We have to manually set the css property on every container to ensure it sizes correctly.

For examples, with the over-ride for my code on last post…
jqxPanels add 2% to fluid Panels.

Could you help me understand the reasoning and how to resolve or is this a bug?

[f310bParticipant]

Hi Peter,
Thank you, I seem to have resolved most issues I’ve encountered by setting the following in my css files:

.jqx-widget-content {
  box-sizing: border-box;
}

What I’m wondering is. jqx seems to explicitly set it to content-box in css files. But the child element size is calculated as though it assumes it’s border-box.
Is there a reason it is explicitly set this way and the above is not done by default?

It seems like the child elements size is calculated using the border-box style.

[Author]

Posts