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

Themes: end value has mixed support, consider using flex-end instead warning #5155

Closed
Tamas-hi opened this issue Jan 26, 2024 · 4 comments · Fixed by #5182
Closed

Themes: end value has mixed support, consider using flex-end instead warning #5155

Tamas-hi opened this issue Jan 26, 2024 · 4 comments · Fixed by #5182
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone

Comments

@Tamas-hi
Copy link
Contributor

Describe the bug

When I run npm run dev (where dev is just the command vite), I get the following warning on my VsCode terminal:

[vite:css] end value has mixed support, consider using flex-end instead
3931|      padding: 0 1.5rem 1.5rem 1.5rem;
3932|      display: flex;
3933|      justify-content: end;
   |      ^^^^^^^^^^^^^^^^^^^^^
3934|      gap: 0.5rem;
3935|      border-bottom-right-radius: 6px;

The warning comes from the lara-light-teal theme.css file (because that is the theme I use), but this is present in all theme css files.

Reproducer

PrimeVue version

3.47.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

@Tamas-hi Tamas-hi added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jan 26, 2024
@mertsincan
Copy link
Member

Interesting! I didn't understand it. The justify-content supports end value; https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content

@mertsincan mertsincan added Status: Pending Review Issue or pull request is being reviewed 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 Jan 28, 2024
@mertsincan mertsincan modified the milestones: 3.50.0, 3.48.0 Jan 28, 2024
@nikitakoliadin
Copy link

Same issue

@Rasool-deldar
Copy link

Same issue

WARN [vite:css] end value has mixed support, consider using flex-end instead 11:30:09 PM
3958| padding: 0 1.5rem 1.5rem 1.5rem;
3959| display: flex;
3960| justify-content: end;
| ^^^^^^^^^^^^^^^^^^^^^
3961| gap: 0.5rem;
3962| border-bottom-right-radius: 6px; (x2)

@rizen
Copy link

rizen commented Jan 31, 2024

Same issue when using Nuxt

WARN [vite:css] end value has mixed support, consider using flex-end instead 3:54:56 PM
3923| padding: 0 1.5rem 1.5rem 1.5rem;
3924| display: flex;
3925| justify-content: end;
| ^^^^^^^^^^^^^^^^^^^^^
3926| gap: 0.5rem;
3927| border-bottom-right-radius: 0.375rem; (x3)

If I change justify-content: end; to justify-content: flex-end; the error goes away

@mertsincan mertsincan added Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add and removed Status: Pending Review Issue or pull request is being reviewed by Core Team labels Feb 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants