[SOLVED] Dropdown problem with primevue 3.16.0+

[Nacros79]

Hi,

It seems that since 3.16.X (tested with 3.17.0 too), dropdown don't display correctly and don't works well in Atlantis theme.

Don't have the problem without atlantis theme.

[Nacros79]

Easy to reproduce.

Use original Atlantis 2.0.0, modify 2 line in package.json :
"primevue": "3.17.0",
"vue": "3.2.39",

npm install
npm run serve

/input page

[tugce.kucukoglu]

Could you describe the issue? What do you mean 'dropdown doesn't display correctly?

[Nacros79]

3.15.0 :


3.16.X and 3.17.0 :


Notice the white line on the left part of the dropdown when it take focus instead of a blue line on the whole components.
Keyboard up and down key don't work anymore to select item, the focus stays on the dropdown.
If you add filter to the dropdown, it's a mess too.

[tugce.kucukoglu]

Atlantis themes files are not updated yet but it's on our roadmap. For now, you could fix it, by adding these lines to the files:

src/assets/sass/variables/theme/_theme_dark.scss

Code: Select all

$inputListItemFocusBg:$shade600 !default;
$inputListItemTextFocusColor:$shade000 !default;

src/assets/sass/variables/theme/_theme_light.scss

Code: Select all

$inputListItemFocusBg:$shade300 !default;
$inputListItemTextFocusColor:$shade700 !default;

public/theme/*/theme-*.scss

Code: Select all

$highlightFocusBg: rgba($primaryColor, .24) !default;

[Nacros79]

Can't make it works, I've updated files as you said, used sass to recompile public css but I still have the bug.

[tugce.kucukoglu]

Please make sure that there are no other css styles that override the Dropdown styles.

[Nacros79]

When will you release an updated version of Atlantis that works well with PrimeVue 3.16+ ?

I paid a template because css is not in my skills, what the point if I have to debug css of the paid template...

[tugce.kucukoglu]

Currently, we are working on Accessibility and when it is completed, the next version of Designer-Vue will be released.

Thanks for your understanding!

[Nacros79]

Solved with Atlantis 3.0