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

Dropdown and Autocomplete: Little flickering of items on open #15318

Closed
mrkshx opened this issue Apr 19, 2024 · 2 comments
Closed

Dropdown and Autocomplete: Little flickering of items on open #15318

mrkshx opened this issue Apr 19, 2024 · 2 comments
Labels
Resolution: Cannot Replicate Issue could not be replicated by Core Team

Comments

@mrkshx
Copy link

mrkshx commented Apr 19, 2024

Describe the bug

When opening dropdown the items flicker for a very short moment.
It also happens in autocomplete component.

dropdown_flickering.mp4
dropdown_with_template_flickering.mp4
autocomplete_flickering.mp4

Environment

Any environment

I discovered this issue in Primeng 14 but also in current version Primeng 17.14.1

Reproducer

No response

Angular version

17.3.1

PrimeNG version

17.14.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.12.2

Browser(s)

No response

Steps to reproduce the behavior

Dropdown

  1. Open dropdown
  2. Item texts flicker for a very short moment

Autocomplete

  1. Type something
  2. Item texts flicker for a very short moment

Expected behavior

The items text should not flicker

@mrkshx mrkshx added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Apr 19, 2024
@cetincakiroglu cetincakiroglu modified the milestones: 17.15.0, 17.16.0 Apr 19, 2024
@cetincakiroglu cetincakiroglu modified the milestones: 17.16.0, 17.16.1, 17.16.2 May 3, 2024
@cetincakiroglu
Copy link
Contributor

Hi,

We couldn't replicate it with the 17.16.1. This might due to transitionOptions of the overlay. You can try different values.

// any component with overlay will work not just dropdown
<p-dropdown 
     ....
     [overlayOptions]="{transitionOptions: ''}"
/>

https://primeng.org/overlay#api.overlay.props.showTransitionOptions

Closing the issue, thanks for reporting.

@cetincakiroglu cetincakiroglu added Resolution: Cannot Replicate Issue could not be replicated by Core Team and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels May 16, 2024
@cetincakiroglu cetincakiroglu removed this from the 17.16.2 milestone May 16, 2024
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Resolution: Cannot Replicate Issue could not be replicated by Core Team
Projects
None yet
Development

No branches or pull requests

2 participants