Problem/Motivation
- Having issues with mini pager and AJAX #3401834: Fix Request-URI Too Long 414 for deep level 4 or 5+ AJAX requests
- The style is not will formatted
- The UX/UI is a bit hard to get from the first time
Steps to reproduce
Given a Landing Page was configured to work with the Varbase Layout Builder
And a Block type has a media reference field in it to assign a media
And a the field widget is using the media library widget
When the user click on "Add block" in a section
And choose to Create a new inline block
And choose the block with media reference in it
Then the modal block will open
When the user click "Add media"
Then the "Add or select media" media library will open
When the user click or filter for media items
Then some AJAX + 414 errors
And the look of the pager is not styled in the right way.
![]()
Proposed resolution
- Re-set Media Library view to default Drupal 10 config
- Add custom fields and view modes after the rest to make sure that default AJAX settings are matching with Drupal 10
- Manage a working update hook to fix site
- Manage the style for the pager to work in all Layout Editing UX/UI .. in the 4th or 5th AJAX level ( Allow for more AJAX levels to work )
- A media entity could be referenced in a paragraph then the paragraph is referenced in the inline block type
- #3401834: Fix Request-URI Too Long 414 for deep level 4 or 5+ AJAX requests
- #3402849: Add compress ajax page state to Drupal ~10.1.0
Remaining tasks
- ✅ File an issue about this project
- ✅ Addition/Change/Update/Fix to this project
- ✅ Testing to ensure no regression
- ➖ Automated unit/functional testing coverage
- ➖ Developer Documentation support on feature change/addition
- ➖ User Guide Documentation support on feature change/addition
- ✅ UX/UI designer responsibilities
- ✅ Accessibility and Readability
- ✅ Code review from 1 Varbase core team member
- ✅ Full testing and approval
- ✅ Credit contributors
- ✅ Review with the product owner
- ✅ Update Release Notes and Update Helper on new feature change/addition
- ✅ Release varbase-9.0.17, varbase_media-9.0.35, varbase-10.0.0-rc1, varbase_media-10.0.0-beta8
Varbase update type
- ✅ No Update
- ➖ Optional Update
- ➖ Forced Update
- ➖ Forced Update if Unchanged
User interface changes
API changes
- N/A
Data model changes
- N/A
Release notes snippet
- Issue #3401833 by Ahmad Abbad: Fixed pager behavior and style in Media Library widget with or without AJAX issues in deep level 4 or 5 AJAxing



Comments
Comment #2
rajab natshahComment #3
rajab natshahFind out that the issue is in Drupal 10 + Layout Builder + Media Library + Block Type with media entity reference

It is a styling issues with AJAX issue on the front-end theme
the default from drupal is not switching to back-end theme or the AJAXing level
Comment #4
rajab natshahComment #5
rajab natshahIt feels that it is the right time to switch to use something like Layout Builder iFrame Modal
Not to keep fixing issues for every project.
Comment #7
rajab natshahComment #10
rajab natshahComment #11
rajab natshahComment #12
rajab natshahComment #13
rajab natshah✅ Released varbase_media-9.0.35
Comment #14
rajab natshah✅ Released varbase_media-10.0.0-beta8
Comment #15
rajab natshahComment #17
rajab natshah✅ Released varbase-9.0.17
Comment #18
rajab natshah✅ Released varbase-10.0.0-rc1