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

b-field: message slot is ignored if horizontal is used #289

Open
tjeerdbakker38 opened this issue Oct 18, 2024 · 0 comments
Open

b-field: message slot is ignored if horizontal is used #289

tjeerdbakker38 opened this issue Oct 18, 2024 · 0 comments

Comments

@tjeerdbakker38
Copy link

tjeerdbakker38 commented Oct 18, 2024

Overview of the problem

Buefy version: 0.1.4
Vuejs version: 3.5.4
OS/Browser: Linux/Chromium

Description

If you provide a b-field with a message slot while the horizontal property is set, the message slot is ignored. If horizontal is not set, the message slot is used for any messages below the field.

Steps to reproduce

<b-field
  label="label"
  message="message"
  horizontal
>
  <template #default>
    <b-input></b-input>
  </template>
  <template #message="props">
   This is ignored
  </template>
</b-field>

Expected behavior

The field should be rendered with "This is ignored" as message below the field

Actual behavior

The field is rendered with "message", which means the message slot is ignored

Codepen

https://codepen.io/tjeerdbakker/pen/YzmQrvW

@tjeerdbakker38 tjeerdbakker38 changed the title b-field: message slot is ignore if horizontal is used b-field: message slot is ignored if horizontal is used Oct 18, 2024
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