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.
[SOLVED] Dropdown problem with primevue 3.16.0+
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
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
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
---------------------------------------------------
Nacros
I'm french, sorry for my bad english
Nacros
I'm french, sorry for my bad english
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
Could you describe the issue? What do you mean 'dropdown doesn't display correctly?
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.
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.
---------------------------------------------------
Nacros
I'm french, sorry for my bad english
Nacros
I'm french, sorry for my bad english
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
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
src/assets/sass/variables/theme/_theme_light.scss
public/theme/*/theme-*.scss
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;
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
Please make sure that there are no other css styles that override the Dropdown styles.
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...
I paid a template because css is not in my skills, what the point if I have to debug css of the paid template...
---------------------------------------------------
Nacros
I'm french, sorry for my bad english
Nacros
I'm french, sorry for my bad english
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
Currently, we are working on Accessibility and when it is completed, the next version of Designer-Vue will be released.
Thanks for your understanding!
Thanks for your understanding!
-
- Information
-
Who is online
Users browsing this forum: No registered users and 3 guests