MDBDatePicker teleport can be to a custom element in place o


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

Riva pro premium priority asked 8 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 8 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 pro premium priority commented 8 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
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: -
  • Device:
  • Browser:
  • OS:
  • Provided sample code: No
  • Provided link: Yes