[Input][Transition] Input field inside a transition has wrong styling

[romu70]

Please check this fiddle: https://jsfiddle.net/f4cufkv3/1/

The input field is placed in a transition, as result it gets a wrong styling:

• its display mode is set to "block", so its width is wrong (does not take the width of the container)
• it always has the "active" state, so its rendering is also wrong.

I hack it by forcing its display mode to "flex" to make it as wide as its container, but this doesn't fix the "active" state issue.

[stale]

There has been no activity in this thread for 90 days. While we care about every issue and we’d love to see this fixed, the core team’s time is limited so we have to focus our attention on the issues that are most pressing. Therefore, we will likely not be able to get to this one.

However, PRs for this issue will of course be accepted and welcome!

If there is no more activity in the next 90 days, this issue will be closed automatically for housekeeping. To prevent this, simply leave a reply here. Thanks!

[lubber-de]

The usage was wrong. The transition class should be only set at runtime by the transition module.
So if initialized by javascript it works as expected
See https://jsfiddle.net/omdg0nyf/