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


Please insert min. 20 characters.

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
Tags