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.

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

p-textarea resize bug when used in an overlay + tabs #7000

Closed
stevenvanryckeghem opened this issue Dec 14, 2018 · 5 comments
Closed

p-textarea resize bug when used in an overlay + tabs #7000

stevenvanryckeghem opened this issue Dec 14, 2018 · 5 comments
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@stevenvanryckeghem
Copy link
Contributor

stevenvanryckeghem commented Dec 14, 2018

I'm submitting a ... (check one with "x")

[ X ] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Plunkr Case (Bug Reports)
https://stackblitz.com/edit/primeng-autoresize-textarea-bug

Current behavior

  • Click on the button, an overlay opens
  • Click somewhere in the page so the overlay disappears
  • Click again on the button to see the overlay

The textarea gets "height: 0px"

If you remove the "autoResize" attribute, the bug doesn't manifest.
The same bug appears when the textarea is in a tab (and you switch tabs)

Expected behavior

The textarea doesn't resize to 0px height...

What is the motivation / use case for changing the behavior?

To have a bugfree PrimeNG :)

Please tell us about your environment:

  • Angular version: 7.X

  • PrimeNG version: 7.X

  • Browser:
    Latest Chrome + Firefox

@stevenvanryckeghem stevenvanryckeghem changed the title p-textarea resize bug when used in an overlay p-textarea resize bug when used in an overlay + tabs Dec 14, 2018
@Nawsen
Copy link

Nawsen commented Dec 17, 2018

+1

2 similar comments
@m-burger
Copy link

+1

@Arcturuss
Copy link

+1

@cagataycivici cagataycivici self-assigned this Jan 7, 2019
@cagataycivici cagataycivici added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Jan 7, 2019
@cagataycivici cagataycivici added this to the 7.0.4 milestone Jan 7, 2019
@jimmycallaghan
Copy link

jimmycallaghan commented Nov 30, 2020

I'm seeing this exact problem. I am using primeng11.0.0-rc.1 and angular 11. Has this bug been reintroduced or am I doing something stupid? I have a textarea with autoResize="autoResize" in a tab. When the tab is opened, it has height: 0px. When I click into the field, it resizes correctly.

This code demonstrates my problem...

<p-tabView>
  <p-tabPanel header="Header 1">
    <textarea
      pInputTextarea
      [rows]="2"
      [cols]="20"
      autoResize="autoResize">tESTING TESTING</textarea>
  </p-tabPanel>
  <p-tabPanel header="Header 2">
        <textarea
          pInputTextarea
          [rows]="2"
          [cols]="20"
          autoResize="autoResize">tESTING TESTING</textarea>
  </p-tabPanel>
  <p-tabPanel header="Header 3">
        <textarea
          pInputTextarea
          [rows]="2"
          [cols]="20"
          autoResize="autoResize">tESTING TESTING</textarea>
  </p-tabPanel>
</p-tabView>

@testowy-uzytkownik-1
Copy link

Not fixed yet.
Related to #9231

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

7 participants