Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


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

Riva priority asked 1 year 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 1 year 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 1 year 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