Skip to content

Fix mobile dashboard sidebar and profile loader behavior#2904

Merged
Armanul46 merged 7 commits into
sovware:developmentfrom
RabbiIslamRony:fix/mobile-dashboard-sidebar-profile-loader
Jul 9, 2026
Merged

Fix mobile dashboard sidebar and profile loader behavior#2904
Armanul46 merged 7 commits into
sovware:developmentfrom
RabbiIslamRony:fix/mobile-dashboard-sidebar-profile-loader

Conversation

@RabbiIslamRony

Copy link
Copy Markdown
Member

Summary

  • Initialize the dashboard sidebar and profile uploader on DOM ready so mobile state is applied before full window.load.
  • Centralize compact dashboard drawer open/close handling, shade behavior, resize state, nav-link closing, and aria-expanded / aria-hidden updates.
  • Remove duplicate sidebar close/resize behavior from dashboardResponsive.js and keep it focused on dashboard/profile responsive layout updates.
  • Keep the profile avatar uploader loading layer inside the uploader stacking context so it cannot overlay the mobile drawer.
  • Improve the category select fallback state before Select2 initializes to reduce the short visual blink/jump.

Dashboard Fixes

  • Compact dashboard sidebars now start collapsed before JS is fully ready, preventing the visible open-then-close flash on reload.
  • The close button has a visible 32px hit area and icon color, with the drawer respecting the WordPress admin bar offset on logged-in mobile screens.
  • The drawer closes from the close button, the shade/outside area, and compact nav-link clicks.
  • Profile responsive setup now runs on initial load, tab switch, and resize.
  • directorist-dashboard now depends on directorist-ez-media-uploader, which removes the uploader initialization race for the profile avatar field.

Select Fallback Fix

  • The category search field keeps the native select visually closer to the final Select2 state while Select2 is initializing.
  • The default category placeholder now matches the shorter final label, reducing the temporary text change users can see during initialization.

Verification

  • node --check assets/src/js/public/components/dashboard/dashboardSidebar.js
  • node --check assets/src/js/public/components/dashboard/dashboardResponsive.js
  • node --check assets/src/js/public/components/profileForm.js
  • php -l includes/asset-loader/scripts.php
  • php -l templates/search-form/fields/category.php
  • git diff --cached --check
  • Agent Browser mobile checks at 516x642 on /dashboard/#dashboard_profile: reload starts with the sidebar collapsed, close icon is visible/clickable, shade and nav links close the drawer, and dashboard/avatar loaders do not remain over the sidebar.
  • Agent Browser iPhone-sized check confirmed the close button and outside area receive pointer hits correctly.

Build Note

  • Generated build assets were not included in this PR because this working copy already had broad unrelated generated asset churn. The committed source changes are scoped so a clean legacy build can be produced without mixing unrelated build output into this PR.

@Armanul46 Armanul46 added this to the v8.8.5 milestone Jul 9, 2026
…into fix/mobile-dashboard-sidebar-profile-loader

# Conflicts:
#	assets/build/css/admin/app-rtl.css
#	assets/build/css/admin/app.asset.php
#	assets/build/css/admin/app.css
#	assets/build/css/admin/main.css
#	assets/build/css/admin/main.js
#	assets/build/css/admin/main.rtl.css
#	assets/build/css/admin/style-app-rtl.css
#	assets/build/css/admin/style-app.css
#	assets/build/css/public/app-rtl.css
#	assets/build/css/public/app.asset.php
#	assets/build/css/public/app.css
#	assets/build/css/public/formgent-integration.css
#	assets/build/css/public/formgent-integration.js
#	assets/build/css/public/formgent-integration.rtl.css
#	assets/build/css/public/main.css
#	assets/build/css/public/main.js
#	assets/build/css/public/main.rtl.css
#	assets/build/js/admin/builder-archive.js
#	assets/build/js/admin/import-export.js
#	assets/build/js/admin/main.js
#	assets/build/js/admin/multi-directory-builder.js
#	assets/build/js/admin/plugins.js
#	assets/build/js/admin/settings-manager.js
#	assets/build/js/admin/setup-wizard.js
#	assets/build/js/global/add-listing.js
#	assets/build/js/global/directorist-plupload.js
#	assets/build/js/global/geolocation.js
#	assets/build/js/global/google-map.js
#	assets/build/js/global/main.js
#	assets/build/js/global/openstreet-map.js
#	assets/build/js/public/account.js
#	assets/build/js/public/all-authors.js
#	assets/build/js/public/all-listings.js
#	assets/build/js/public/all-location-category.js
#	assets/build/js/public/author-profile.js
#	assets/build/js/public/checkout.js
#	assets/build/js/public/directorist-dashboard.js
#	assets/build/js/public/formgent-integration.css
#	assets/build/js/public/formgent-integration.js
#	assets/build/js/public/formgent-integration.rtl.css
#	assets/build/js/public/listing-slider.js
#	assets/build/js/public/range-slider.js
#	assets/build/js/public/search-form.js
#	assets/build/js/public/single-listing.js
#	assets/build/js/public/widgets.js
#	assets/build/js/react/admin/order.asset.php
#	assets/build/js/react/admin/order.js
#	assets/build/js/react/frontend/listing-owner-dashboard.asset.php
#	assets/build/js/react/frontend/listing-owner-dashboard.js
@Armanul46 Armanul46 merged commit 2f255fe into sovware:development Jul 9, 2026
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants