Topic: MDBDatePicker teleport can be to a custom element in place of "body"

Riva priority asked 7 months ago


Expected behavior

  • Using a prop, I can chose which HTML element the MDBDatePicker is teleported to.

Actual behavior

  • Currently, the MDBDatePicker is being teleported to the 'body' element.

Resources (screenshots, code snippets etc.)

<teleport v-if="inline" to="body">
  <transition name="datepicker-fade">
    <div
      v-if="isActive"
      ref="datepickerInlineRef"
      v-mdb-click-outside="handleClickOutside"
      class="datepicker-dropdown-container"
    >
      <MDBDatepickerMain inline />
    </div>
  </transition>
</teleport>

https://mdbootstrap.com/docs/vue/forms/datepicker/


Bartosz Cylwik staff answered 7 months ago


Hi! We are adding a container prop to Datepicker, Timepicker and Datetimepicker that will allow to change the teleport location. If everything goes right, next monday (25.09) we will be releasing 4.1.0 version.

Best Regards!


Riva priority commented 7 months ago

Thanks so much for the quick reply. Looking forward to this new functionality!



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes