Incorrect Appearance or Errors Occur in Hidden Widgets
Environment
Product | Progress® Kendo UI® for jQuery |
Kendo Version | 2017.2.621 |
Description
Hidden Kendo UI for jQuery widgets are rendered incorrectly or raise errors.
Cause
If you display widgets that have been in an initially hidden container, call their resize()
method after you show them. Initializing widgets on elements with the style="display: none;"
configuration might cause errors, such as inability to calculate dimensions and positions or even throw errors. The reason for this behavior is that such calculations are not available for elements that are not rendered by the browser.
Solution
Usually, delaying the widget initialization until after it is displayed resolves the issue and improves the page performance.