Height: 100% not Setting Properly on Label Element

You've encountered an issue where setting height: 100%; on your label element doesn't seem to take effect. To understand why, we need to examine the context of this setting.

When you set height to 100%, it refers to the height of the parent container of the element. In your case, the parent is the .field element. However, if .field doesn't have a defined height, the browser will not have a reference point for 100%.

To resolve this, ensure that the parent element (.field) has a defined height. By setting a specific height for .field, you provide a context for the label element's height: 100%; setting to calculate appropriately.