[Bug] Input field not resizing when wrap in ui labeled input

[YauKeng]

Bug Report

input not resizing when wrap in ui labeled input

Steps to reproduce

1. Open jsFiddle
2. run and drag the result screen smaller (below 330px).
3. See the Name and Price field.

Expected result

Input field resize to smaller like others (textarea, dropdown)

Actual result

Input not resizing.

Testcase

https://jsfiddle.net/46u2p91x/3/

Screenshot (if possible)

Image

Version

2.8.4

[lubber-de]

Mmh, the browser does not seem to calculate the input width correctly because of the auto being used.

It's very hacky but you can quickly fix this by forcing a much smaller width for the input element itself.

.ui.ui.ui.labeled.input > input {
  width:10px;
}

See https://jsfiddle.net/7kd5wsc4/

[jamessampford]

Isn’t it a case of changing it from ui labeled input to ui labeled fluid input?

[lubber-de]

Isn’t it a case of changing it from ui labeled input to ui labeled fluid input?

Indeed 👍
See https://jsfiddle.net/gfzcxy2d/

and forget my previous comment 🙄 😄