DatePicker cutoff if last block on wp editor page

  • Resolved wvdbyard

    (@wvdbyard)


    1 year, 1 month ago

    Things i have checked

    • Switch to the Twenty Twenty theme
    • Disable all plugins
    • Clear your browser cache and retest

    Summary

    .tribe-editor__dashboard position absolute falls of page

    Issue;

    If you put EventDateTime as last block on a wordpress page in the editor, when opening the datepicker it is cutoff by the page. Because its css position absolute the wordpress overal scrollbar doesnt expand.

    Scenario:

    • Inside the wordpress editor (see attachment)

    How to reproduce

    1. Create a page
    2. Fill it with dummy lorum ipsum
    3. Add the EventDateTime wordpress block
    4. Try and fill a date
    5. Watch as the datepicker is cutoff because it position absolute’s itself halfway off the page.

    Proposed solution

    Add code to detect if the datepicker input is not fully visible
    and if so make the content flow upwards instead of downwards.
    (intersection observer, or checking if its near the end of the page or something)
    https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

    • This topic was modified 1 year, 1 month ago by wvdbyard.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Darian

    (@d0153)

    Hi @wvdbyard

    Thanks for reaching out.

    Does the issue persist on your side if you activate only our plugins and a basic theme like WP’s 2020 theme? [see Testing for conflicts]

    I tried it on my side, and it’s working as expected. It is cutoff, but you can still set the date by scrolling down.

    See- https://share.zight.com/z8udOwJO

    Let me know if you have further questions or concerns.

    Plugin Support Darian

    (@d0153)

    Hi there,

    It appears that there hasn’t been any recent activity on this thread, so we’ll consider it resolved. However, if you have any additional questions or concerns, feel free to start a new thread.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘DatePicker cutoff if last block on wp editor page’ is closed to new replies.