primeng icon indicating copy to clipboard operation
primeng copied to clipboard

Button/p-button and tooltip: Doesn't work correctly

Open SoyDiego opened this issue 1 year ago • 0 comments

Describe the bug

button and p-button are not working correctly.

Doesn't have the same properties. Label is missing

image

If you use p-button or button inside a div using grid or flex the tooltip appears in a wrong position

You can check the stackblitz here and in the comments you will find all the explanations https://stackblitz.com/edit/ygqzij-9imghr?file=src%2Fapp%2Fdemo%2Fbutton-basic-demo.ts,src%2Fapp%2Fdemo%2Fbutton-basic-demo.html

Environment

Reproducer

https://stackblitz.com/edit/ygqzij-9imghr?file=src%2Fapp%2Fdemo%2Fbutton-basic-demo.ts,src%2Fapp%2Fdemo%2Fbutton-basic-demo.html

Angular version

17

PrimeNG version

17

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

  • Tooltips works ok when the component is inside a div using display: grid;
  • Button and p-button with the same properties.
  • Button and p-button with same width

SoyDiego avatar Apr 29 '24 08:04 SoyDiego