Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

InputMask: Classname p-filled not works fine #7354

Closed
ivanpajon opened this issue Oct 17, 2024 · 0 comments · Fixed by #7355 or #7686
Closed

InputMask: Classname p-filled not works fine #7354

ivanpajon opened this issue Oct 17, 2024 · 0 comments · Fixed by #7355 or #7686
Assignees
@ivanpajon
Labels
Type: Bug Issue contains a defect related to a specific component.
Milestone
10.8.5

Comments

@ivanpajon
Copy link
Contributor

Describe the bug

Value of inputmask is not propagated to inputtext component.
And if you set a value in inputmask and then disable/enable it, classname 'p-filled' is not set properly, causing float label working bad.

Reproducer

https://stackblitz.com/edit/joufix?file=src%2FApp.tsx

System Information

System:
    OS: Windows 11 10.0.22631
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i9-12900HK
    Memory: 34.26 GB / 63.71 GB
  Binaries:
    Node: 22.4.1 - ~\AppData\Local\nvs\default\node.EXE
    npm: 10.8.1 - ~\AppData\Local\nvs\default\npm.CMD
    pnpm: 9.6.0 - ~\AppData\Local\pnpm\pnpm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    tailwindcss: 3.4.13 => 3.4.13

Steps to reproduce the behavior

  1. Go to reproducer
  2. Toggle button "Click to see bug"

Expected behavior

Classname 'p-filled' is properly set and float label should work fine.
@ivanpajon ivanpajon added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Oct 17, 2024
@ivanpajon ivanpajon changed the title InputMask: Value not propagated InputMask: Classname p-filled not works Oct 17, 2024
@ivanpajon ivanpajon changed the title InputMask: Classname p-filled not works InputMask: Classname p-filled not works fine Oct 17, 2024
@ivanpajon ivanpajon mentioned this issue Oct 17, 2024
Merged
@melloware melloware added Type: Bug Issue contains a defect related to a specific component. and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Oct 17, 2024
@melloware melloware added this to the 10.8.5 milestone Oct 17, 2024
leonardopavanello added a commit to leonardopavanello/primereact that referenced this issue Feb 7, 2025
@leonardopavanello
fix(InputMask): another approach to fix "p-filled not works fine" (pr…
5ecef60 
…imefaces#7354) thats avoids typing issue (primefaces#7586)
@leonardopavanello leonardopavanello mentioned this issue Feb 7, 2025
Merged
melloware pushed a commit to leonardopavanello/primereact that referenced this issue Feb 7, 2025
@leonardopavanello @melloware
fix(InputMask): another approach to fix "p-filled not works fine" (pr…
f1b072c 
…imefaces#7354) thats avoids typing issue (primefaces#7586)
melloware pushed a commit that referenced this issue Feb 7, 2025
@leonardopavanello
fix(InputMask): No mask on start typing (#7686)
e05d31e 
* fix(InputMask): another approach to fix "p-filled not works fine" (#7354) thats avoids typing issue (#7586)

* fix(InputMask): code format
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ivanpajon ivanpajon

Labels
Type: Bug Issue contains a defect related to a specific component.
Projects
None yet
Milestone
10.8.5
2 participants
@melloware @ivanpajon