Input in Dropdown overflows width, needs 90% max-width

[Merovex]

This is about Bulma. Form fields overflow the width of a dropdown-menu, causing it to overhang. My fix was to add max-width: 90% to input.

Overview of the problem

I downloaded on 31 December for a new project. The problem manifests on Chromium-driven browsers (Chrome).

Steps to Reproduce

<div class="dropdown-item">
      <form action="/groups/1" accept-charset="UTF-8" method="post">
        <div class="field">
          <input class="input" type="text" value="Fred Savage" name="group[name]" id="group_name">
        </div>
        <input type="submit" name="commit" value="Rename" class="button is-small">
    </form>
</div>

Actual behavior

With max-width:90%

[dorinoltean]

I figured that by adding * { box-sizing: inherit; } the input will work as expected.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Merovex]

I like that this was marked stale because the developer chose not to respond. I've moved on.