DatePicker problem in modal window and a solution

Topic: DatePicker problem in modal window and a solution

Winter pro asked 6 years ago

Hi! To use the DatePicker in modal windows causes some problems with the z-Index. First the DatePicker produces scrollbars if the modal window ist smaller than the DatePicker and in the second case FormFields are blocked by the DatePicker´s overlay. You can fix this problem by adding following styles to your scss files:

.picker {
  .picker__holder {
    overflow-y: visible;
    display:none;
  }
  &.picker--opened {
    .picker__holder {
      display: block;
    }
  }
}

Damian Gemza staff commented 6 years ago

Dear Winter, Thanks for your report! We'll check your code, and if it won't produce any other problems, we'll add it to our source codes. Best Regards, Damian

Damian Gemza staff commented 6 years ago

Dear Winter, Could you please specify in which scenario problems which you're describing occurs? Or please show me the code with which I'll be able to observe that behavior. Best Regards, Damian

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB Angular
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Winter

Pro User 25Support score
6Questions 1Answers 0Snippets