ejstab heightAdjustMode attribute error

[???]

'ejs-tab' is being used. When you give the attribute heightAdjustMode= 'Auto', the screen will not be redrawn even if the data on the tab changes. When you remove the heightAdjustMode= 'Auto' attribute, the screen will normally be redrawn.

{

  "name": "ngmis",

  "version": "0.0.0",

  "scripts": {

    "ng": "ng",

    "start": "node --max_old_space_size=12288 ./node_modules/@angular/cli/bin/ng serve",

    "prebuild": "node set-version.js",

    "build": "node --max_old_space_size=12288 ./node_modules/@angular/cli/bin/ng build",

    "watch": "ng build --watch --configuration development",

    "test": "ng test"

  },

  "private": true,

  "dependencies": {

    "@angular/animations": "^17.1.2",

    "@angular/cdk": "^17.1.2",

    "@angular/common": "^17.1.2",

    "@angular/compiler": "^17.1.2",

    "@angular/core": "^17.1.2",

    "@angular/forms": "^17.1.2",

    "@angular/material": "^17.1.2",

    "@angular/platform-browser": "^17.1.2",

    "@angular/platform-browser-dynamic": "^17.1.2",

    "@angular/pwa": "^17.1.2",

    "@angular/router": "^17.1.2",

    "@angular/service-worker": "^17.1.2",

    "@syncfusion/ej2-angular-buttons": "^24.2.4",

    "@syncfusion/ej2-angular-calendars": "^24.2.4",

    "@syncfusion/ej2-angular-charts": "^24.2.4",

    "@syncfusion/ej2-angular-dropdowns": "^24.2.4",

    "@syncfusion/ej2-angular-grids": "^24.2.4",

    "@syncfusion/ej2-angular-inputs": "^24.2.4",

    "@syncfusion/ej2-angular-navigations": "^24.2.4",

    "@syncfusion/ej2-angular-notifications": "^24.2.4",

    "@syncfusion/ej2-angular-popups": "^24.2.4",

    "@syncfusion/ej2-angular-schedule": "^24.2.4",

    "@syncfusion/ej2-angular-treegrid": "^24.2.4",

    "@syncfusion/ej2-material-theme": "^24.2.4",

    "rxjs": "~7.8.0",

    "tslib": "^2.3.0",

    "xlsx": "^0.18.5",

    "zone.js": "~0.14.3"

  },

  "devDependencies": {

    "@angular-devkit/build-angular": "^17.1.2",

    "@angular/cli": "^17.1.2",

    "@angular/compiler-cli": "^17.1.2",

    "@types/jasmine": "~5.1.0",

    "jasmine-core": "~5.1.0",

    "karma": "~6.4.0",

    "karma-chrome-launcher": "~3.2.0",

    "karma-coverage": "~2.2.0",

    "karma-jasmine": "~5.1.0",

    "karma-jasmine-html-reporter": "~2.1.0",

    "typescript": "~5.3.2"

  }

}

[Vijay Ravi]

Hi Customer,

We have validated your reported query regarding setting heightAdjustMode as "auto". If heightAdjustMode is set to "auto", the largest content panel height will be applied to all the tab content panels. Please refer to the shared API below for your reference. If the solution does not meet your requirements, could you please share the use case scenario? Kindly provide clear details on how you are handling and using it on your end.

heightAdjustMode api: https://ej2.syncfusion.com/angular/documentation/api/tab/#heightadjustmode

• None: Based on the given height property, the content panel height is set.
• Auto: Tallest panel height of a given Tab content is set to all the other panels.
• Content: Based on the corresponding content height, the content panel height is set.
• Fill: Based on the parent height, the content panel height is set.

Note: So we suggest you to give the heightAdjustMode as "Content" or "Fill".

please get back to us if you need any further assistance

Regards,

Vijay