Dynagrid Floating Header blocks Date Picker

[jmbantay]

Prerequisites

• [x] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• [x] The issue still exists against the latest master branch of yii2-dynagrid.
• [x] This is not an usage question. I confirm having gone through and read the documentation and demos.
• [x] This is not a general programming / coding question. (Those should be directed to the webtips Q & A forum).
• [x] I have attempted to find the simplest possible steps to reproduce the issue.
• [ ] I have included a failing test as a pull request (Optional).

Steps to reproduce the issue

1. Create a simple dynagrid with floating headers (using floatHeader and floatOverflowContainer as gridOptions). Add sample rows for trial.
2. Add a column with datepicker (kartik/date/DatePicker)
3. Try to open datepicker in row near the header.
4. Datepicker will appear behind the floating header.

Expected behavior and actual behavior

Expected behavior: Datepicker popup should appear in front of floating header.

Actual behavior: See image: https://ibb.co/7XLvQc3 Datepicker is blocked by the floating header.

I thought of adjusting the z-index of the datepicker, but when I did, the floating header still blocks the datepicker popup. But while scrolling, the line indicating the datepicker appears on top of the floating header (https://ibb.co/7zgxb8c) and the calendar popup (https://ibb.co/3NkDb9f).

Hope you could help me. Let me know if you need more information.

Browsers

• [x] Google Chrome
• [x] Mozilla Firefox
• [ ] Internet Explorer
• [ ] Safari

Operating System

• [ ] Windows
• [ ] Mac OS X
• [x] Linux
• [ ] Mobile

Libraries

• jQuery version: v3.4.1
• yii2-dynagrid version: v1.5.1
• yii2-widget-datepicker version: v1.4.7

Isolating the problem

• [ ] This bug happens on the demos page
• [ ] The bug happens consistently across all tested browsers
• [ ] This bug happens when using yii2-dynagrid without other plugins.

[jmbantay]

Fixed the problem. Added 'zIndexOffset' instead of 'style => zindex' to datepicker. should have posted this in the datepicker repo. my bad