Open Closed

LeptonX mobile menu issue #5100


User avatar
0
ash.jackson created
  • ABP Framework version: v7.2.2

  • UI type: Angular

  • DB provider: EF Core

  • Tiered (MVC) or Identity Server Separated (Angular): yes

When LeptonX enters the mobile view it renders icons for the first and last 2 menu items with the remainder in the hamburger menu. However if the 2nd menu item contains sub-menus they do not open. The settings menu does open correctly.

This problem can be seen on the LeptonX demo site: https://x.leptontheme.com/side-menu/# when viewed on mobile the 'Components' menu does not open when clicked/touched. The expected behavior is that the menu opens in the same way as the settings menu.

My project is build on microservice template, the 2nd menu is generated by ABP Suite from one of my services and shows the same issue.


2 Answer(s)
  • User Avatar
    0
    ash.jackson created

    Hi There,
    Please see package.json:

    {
      "name": "CloudBiz",
      "version": "0.0.0",
      "scripts": {
        "ng": "ng",
        "start": "ng serve --open",
        "build": "ng build",
        "build:prod": "ng build product --configuration production && ng build CloudBiz --configuration production  ",
        "watch": "ng build --watch --configuration development",
        "test": "ng test",
        "lint": "ng lint"
      },
      "private": true,
      "dependencies": {
        "@abp/ng.components": "~7.2.2",
        "@abp/ng.core": "~7.2.2",
        "@abp/ng.oauth": "~7.2.2",
        "@abp/ng.setting-management": "~7.2.2",
        "@abp/ng.theme.shared": "~7.2.2",
        "@angular/animations": "^15.0.4",
        "@angular/common": "^15.0.4",
        "@angular/compiler": "^15.0.4",
        "@angular/core": "^15.0.4",
        "@angular/forms": "^15.0.4",
        "@angular/localize": "^15.0.4",
        "@angular/platform-browser": "^15.0.4",
        "@angular/platform-browser-dynamic": "^15.0.4",
        "@angular/router": "^15.0.4",
        "@volo/abp.commercial.ng.ui": "~7.2.2",
        "@volo/abp.ng.account": "~7.2.2",
        "@volo/abp.ng.audit-logging": "~7.2.2",
        "@volo/abp.ng.identity": "~7.2.2",
        "@volo/abp.ng.openiddictpro": "~7.2.2",
        "@volo/abp.ng.language-management": "~7.2.2",
        "@volo/abp.ng.saas": "~7.2.2",
        "@volo/abp.ng.text-template-management": "~7.2.2",
        "@volosoft/abp.ng.theme.lepton-x": "^2.0.0",
        "rxjs": "7.5.6",
        "tslib": "^2.1.0",
        "zone.js": "~0.11.4",
        "apexcharts": "^3.39.0",
        "ng-apexcharts": "^1.7.5"
      },
      "devDependencies": {
        "@abp/ng.schematics": "~7.2.2",
        "@angular-devkit/build-angular": "^15.0.4",
        "@angular-eslint/builder": "~15.1.0",
        "@angular-eslint/eslint-plugin": "~15.1.0",
        "@angular-eslint/eslint-plugin-template": "~15.1.0",
        "@angular-eslint/schematics": "~15.1.0",
        "@angular-eslint/template-parser": "~15.1.0",
        "@angular/cli": "^15.0.4",
        "@angular/compiler-cli": "^15.0.4",
        "@angular/language-service": "^15.0.4",
        "@types/jasmine": "~3.6.0",
        "@types/node": "^12.11.1",
        "@typescript-eslint/eslint-plugin": "^5.43.0",
        "@typescript-eslint/parser": "^5.43.0",
        "eslint": "^8.28.0",
        "jasmine-core": "~4.0.0",
        "karma": "~6.3.0",
        "karma-chrome-launcher": "~3.1.0",
        "karma-coverage": "~2.1.0",
        "karma-jasmine": "~4.0.0",
        "karma-jasmine-html-reporter": "^1.7.0",
        "ng-packagr": "^15.0.3",
        "typescript": "~4.8.3"
      }
    }
    
  • User Avatar
    0
    masum.ulu created
    Support Team Angular Expert

    Hi ash, I created an issue for that, It'll be fixed on next patch version

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 13, 2025, 04:08