Open GreyM22 opened 1 day ago
After upgrading to the version 18.0.0-rc.1 of primeng, every time a p-floatlabel component is use i get the following error:
Error: ASSERTION ERROR: wrong index for TNode [Expected=> -1 > NaN <=Actual]
Case of using the component:
<p-floatlabel variant="on"> <p-autocomplete [id]="id_()" dropdown="true" [formControl]="hcd.control" [suggestions]="filteredSuggestions_()" [optionLabel]="optionLabel_()" [styleClass]="styleClass_()" (completeMethod)="searched($event)" /> <label [for]="id_()">{{ label_() }}</label> </p-floatlabel>
I tried to use the component p-autocomplete without p-floatlabel and everything was working.
The error doesn't break the floating behavior, and the component seems to be working. It only shows the error in the console.
Angular 17. Bellow the packages:
"dependencies": { "@angular/animations": "~17.3.0", "@angular/common": "~17.3.0", "@angular/compiler": "~17.3.0", "@angular/core": "~17.3.0", "@angular/forms": "~17.3.0", "@angular/platform-browser": "~17.3.0", "@angular/platform-browser-dynamic": "~17.3.0", "@angular/router": "~17.3.0", "@ngx-translate/core": "^15.0.0", "@ngx-translate/http-loader": "^8.0.0", "@nx/angular": "18.2.0", "@primeng/themes": "^18.0.0-rc.1", "primeflex": "^3.3.1", "primeicons": "^7.0.0", "primeng": "^18.0.0-rc.1", "quill": "^2.0.2", "react": "^18.2.0", "react-dom": "^18.2.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.3" }, "devDependencies": { "@angular-devkit/build-angular": "~17.3.0", "@angular-devkit/core": "~17.3.0", "@angular-devkit/schematics": "~17.3.0", "@angular-eslint/eslint-plugin": "~17.3.0", "@angular-eslint/eslint-plugin-template": "~17.3.0", "@angular-eslint/template-parser": "~17.3.0", "@angular/cli": "~17.3.0", "@angular/compiler-cli": "~17.3.0", "@angular/language-service": "~17.3.0", "@nx/cypress": "18.2.0", "@nx/eslint": "18.2.0", "@nx/eslint-plugin": "18.2.0", "@nx/jest": "18.2.0", "@nx/js": "18.2.0", "@nx/storybook": "18.2.0", "@nx/web": "18.2.0", "@nx/workspace": "18.2.0", "@schematics/angular": "~17.3.0", "@storybook/addon-essentials": "7.6.20", "@storybook/addon-interactions": "^7.5.3", "@storybook/angular": "7.6.20", "@storybook/core-server": "7.6.20", "@storybook/jest": "^0.2.3", "@storybook/test": "^8.4.4", "@storybook/test-runner": "^0.13.0", "@storybook/testing-library": "^0.2.2", "@swc-node/register": "~1.8.0", "@swc/core": "~1.3.85", "@swc/helpers": "~0.5.2", "@types/jest": "^29.4.0", "@types/node": "18.16.9", "@typescript-eslint/eslint-plugin": "^7.3.0", "@typescript-eslint/parser": "^7.3.0", "angular-http-server": "^1.12.0", "autoprefixer": "^10.4.0", "cypress": "^13.6.6", "eslint": "~8.57.0", "eslint-config-prettier": "^9.0.0", "eslint-plugin-cypress": "^2.13.4", "husky": "^8.0.3", "jest": "^29.4.1", "jest-environment-jsdom": "^29.4.1", "jest-preset-angular": "~14.0.3", "jsonc-eslint-parser": "^2.1.0", "lint-staged": "^15.2.0", "ng-packagr": "~17.3.0", "nx": "18.2.0", "postcss": "^8.4.5", "postcss-url": "~10.1.3", "prettier": "3.2.5", "rimraf": "^6.0.1", "sass-loader": "^16.0.2", "start-server-and-test": "^2.0.8", "style-loader": "^4.0.0", "ts-jest": "^29.1.0", "ts-node": "10.9.1", "typescript": "~5.4.2" }, "optionalDependencies": { "@nx/nx-linux-x64-gnu": "^18.2.0" },
No response
17.3.0
^18.0.0-rc.1
Angular CLI App
TypeScript
17.9.1
Chrome
We're unable to replicate your issue, if you are able to create a reproducer by using PrimeNG Issue Template or add details please edit this issue. This issue will be closed if no activities in 20 days.
Describe the bug
After upgrading to the version 18.0.0-rc.1 of primeng, every time a p-floatlabel component is use i get the following error:
Error: ASSERTION ERROR: wrong index for TNode [Expected=> -1 > NaN <=Actual]
Case of using the component:
I tried to use the component p-autocomplete without p-floatlabel and everything was working.
The error doesn't break the floating behavior, and the component seems to be working. It only shows the error in the console.
Environment
Angular 17. Bellow the packages:
"dependencies": { "@angular/animations": "~17.3.0", "@angular/common": "~17.3.0", "@angular/compiler": "~17.3.0", "@angular/core": "~17.3.0", "@angular/forms": "~17.3.0", "@angular/platform-browser": "~17.3.0", "@angular/platform-browser-dynamic": "~17.3.0", "@angular/router": "~17.3.0", "@ngx-translate/core": "^15.0.0", "@ngx-translate/http-loader": "^8.0.0", "@nx/angular": "18.2.0", "@primeng/themes": "^18.0.0-rc.1", "primeflex": "^3.3.1", "primeicons": "^7.0.0", "primeng": "^18.0.0-rc.1", "quill": "^2.0.2", "react": "^18.2.0", "react-dom": "^18.2.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.3" }, "devDependencies": { "@angular-devkit/build-angular": "~17.3.0", "@angular-devkit/core": "~17.3.0", "@angular-devkit/schematics": "~17.3.0", "@angular-eslint/eslint-plugin": "~17.3.0", "@angular-eslint/eslint-plugin-template": "~17.3.0", "@angular-eslint/template-parser": "~17.3.0", "@angular/cli": "~17.3.0", "@angular/compiler-cli": "~17.3.0", "@angular/language-service": "~17.3.0", "@nx/cypress": "18.2.0", "@nx/eslint": "18.2.0", "@nx/eslint-plugin": "18.2.0", "@nx/jest": "18.2.0", "@nx/js": "18.2.0", "@nx/storybook": "18.2.0", "@nx/web": "18.2.0", "@nx/workspace": "18.2.0", "@schematics/angular": "~17.3.0", "@storybook/addon-essentials": "7.6.20", "@storybook/addon-interactions": "^7.5.3", "@storybook/angular": "7.6.20", "@storybook/core-server": "7.6.20", "@storybook/jest": "^0.2.3", "@storybook/test": "^8.4.4", "@storybook/test-runner": "^0.13.0", "@storybook/testing-library": "^0.2.2", "@swc-node/register": "~1.8.0", "@swc/core": "~1.3.85", "@swc/helpers": "~0.5.2", "@types/jest": "^29.4.0", "@types/node": "18.16.9", "@typescript-eslint/eslint-plugin": "^7.3.0", "@typescript-eslint/parser": "^7.3.0", "angular-http-server": "^1.12.0", "autoprefixer": "^10.4.0", "cypress": "^13.6.6", "eslint": "~8.57.0", "eslint-config-prettier": "^9.0.0", "eslint-plugin-cypress": "^2.13.4", "husky": "^8.0.3", "jest": "^29.4.1", "jest-environment-jsdom": "^29.4.1", "jest-preset-angular": "~14.0.3", "jsonc-eslint-parser": "^2.1.0", "lint-staged": "^15.2.0", "ng-packagr": "~17.3.0", "nx": "18.2.0", "postcss": "^8.4.5", "postcss-url": "~10.1.3", "prettier": "3.2.5", "rimraf": "^6.0.1", "sass-loader": "^16.0.2", "start-server-and-test": "^2.0.8", "style-loader": "^4.0.0", "ts-jest": "^29.1.0", "ts-node": "10.9.1", "typescript": "~5.4.2" }, "optionalDependencies": { "@nx/nx-linux-x64-gnu": "^18.2.0" },
Reproducer
No response
Angular version
17.3.0
PrimeNG version
^18.0.0-rc.1
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
17.9.1
Browser(s)
Chrome
Steps to reproduce the behavior
No response
Expected behavior
No response