What is this DIV?

[ghenneParticipant]

When I add a DateTimeInput to my page and look in the Chrome Debugger Elements tab, I see this DIV, in addition to the one I expect:

<div style=”overflow: hidden; position: absolute; height: 230px; width: 225px; display: none; background: transparent;” id=”calendarjqxWidget3b48547b”><div id=”innerCalendarjqxWidget3b48547b” data-role=”calendar” tabindex=”0″ class=”jqx-calendar jqx-calendar-classic jqx-widget jqx-widget-classic jqx-widget-content jqx-widget-content-classic jqx-rc-all jqx-rc-all-classic jqx-popup jqx-popup-classic” style=”width: 200px; height: 205px; outline: none; position: absolute; z-index: 9999999999999; top: 0px; left: 0px;”><input type=”hidden” value=”Wed Apr 01 2015 11:08:42 GMT-0400 (EDT)”></div></div>

What is it?

The reason I ask is that it interferes with a modal form I want to display.

[DimitarParticipant]

Hello ghenne,

This is the datetimeinput’s calendar pop-up div. If needed, you can increase or decrease its z-index with the jqxDateTimeInput property popupZIndex (example).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts