Nes.css: Form parts bleed outside of parent container

Created on 7 Mar 2019  路  3Comments  路  Source: nostalgic-css/NES.css

Describe the bug

When I use one of the form parts (input, select, and text area) the right border bleeds past the edge of its container.

To Reproduce

  1. Put a form part inside of a container that has a defined width
  2. Put a background color on the parent container
  3. The right border bleeds past the parent container

I have built a code sandbox that demonstrates this behavior.

Expected behavior

Form parts should stop at the end of its parent container.

Screenshots

screen shot 2019-03-07 at 8 46 24 am

Environment:

  • OS: Mac Mojave (10.14.3)
  • Browser: Google Chrome (72.0.3626.121)
bug good first issue released

Most helpful comment

I have PR to fixed this case by width from nes-input to let it stretch to parent tag.
Please, review and see more information from this #327 馃榿

All 3 comments

I have PR to fixed this case by width from nes-input to let it stretch to parent tag.
Please, review and see more information from this #327 馃榿

Since, PR https://github.com/nostalgic-css/NES.css/pull/327 is waiting for contributor since April. I've fixed the issue as per suggestion by @BcRikko .

:tada: This issue has been resolved in version 2.3.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket:

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tuxun picture tuxun  路  4Comments

guastallaigor picture guastallaigor  路  3Comments

StefanNieuwenhuis picture StefanNieuwenhuis  路  3Comments

mbostwick picture mbostwick  路  6Comments

kefniark picture kefniark  路  5Comments