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

V1 Button changes width on hover when the button is outlined AND rounded #3786

Open
daveHylde opened this issue Apr 13, 2024 · 1 comment
Open

Comments

@daveHylde
Copy link

This is about Bulma.

Overview of the issue

This is about the Bulma CSS framework
I'm using Bulma version 1.0.0
My browser is: firefox
This is a Sass issue: I'm using version 1.0.0
I am sure this issue is not a duplicate

Description

When a button is outlined and rounded the width of the button changes on hover causing the content to jump.

This is only an issue when both modifiers are present on the button. A normal outlined button does not jump.

Steps to Reproduce

<button class="button is-outlined is-rounded" onclick="alert('I love bulma')">
    I have a bug
</button>

Expected behavior

border should expand inwards without changing the width of the button.

Actual behavior

button gets wider when hovered than it's none-hovered version.

@Zeddicus414
Copy link

Yep, I can confirm that I'm seeing the same issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants