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

Combining file input with .has-addons #3810

Open
muellerj opened this issue May 1, 2024 · 0 comments
Open

Combining file input with .has-addons #3810

muellerj opened this issue May 1, 2024 · 0 comments

Comments

@muellerj
Copy link

muellerj commented May 1, 2024

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma version v1.0.0
I am sure this issue is not a duplicate!

Description

When trying to combine a file input with a .has-addons button, the corners are rounded.

Steps to Reproduce

    .panel-block
      .control
        label.label Upload File
        .control
          .field.has-addons
            .control.is-expanded
              .file.has-name.is-fullwidth
                label.file-label
                  input.file-input#file-input type="file" name="uploadfile"
                  span.file-cta.has-icon-mobile
                    span.file-icon: i.fas.fa-upload
                    span.file-label.is-hidden-mobile Choose a file...
                  span.file-name#file-name
            .control
              button.button.is-success.has-icon-mobile#submit-upload 
                span.icon: i.fas.fa-angle-right
                span.is-hidden-mobile Upload

Expected behavior

No rounded corners between the two adjacent elements.

Actual behavior

Screenshot 2024-05-01 at 16 25 16

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

1 participant