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

Made with ❤️ on ABP v9.0.0-preview. Updated on October 07, 2024, 08:52