Expanded property of OInput not working with oruge 0.9.pre.2 and theme-bulma 0.4

[pflirae]

Overview of the problem

Oruga version: 0.9.0-pre.2
Vuejs version: 3.5.4
OS/Browser: not dependent of browser

Description

OInput field with expanded property is not expanding as expected, it remains at a fixed size, when using theme-bulma version 0.4.

Steps to reproduce

Using this code is possible to reproduce the problem :

<OField class="column is-5 marginless" label="Cliente">
  <OInput v-model="nombre_cliente" maxlength="255" placeholder="Cliente ..." expanded />
</OField>

it show this on screen:

Expected behavior

should diplay up to the end of the blue area:

in red the miising expansion

Actual behavior

The one shown on the image at the septs to reproduce

[holtolee]

I have the same issue, did you find a solution ?

[pflirae]

I am usign a temporary solution, by adding the following class, as a global class, so all expanded components can use it:

.control.is-expanded {
display: flex;
flex-grow: 1;
flex-shrink: 1;
}

[mlmoravek]

Hey, an easier workaround is to use .control.is-expanded { width: 100%; }.

Fix will come soon.

[holtolee]

Sorry to reopen but control expanded inside a field is-grouped is not working after the fix in 0.4.1