Menu icon Foundation
No Clear (X) Button in F6 Search Field?

I just noticed that there is no (x) button on input fields with type = search in Foundation 6.

Here's a pen by Rafi showing the correct input in Foundation 5: https://codepen.io/rafibomb/pen/YPwWYy

Here's the identical pen in Foundation 6.3. Note the missing (x) in the right side of the input: https://codepen.io/anon/pen/ypRNqZ

Is this a known issue? Can it be easily fixed?

formformsinputtypesearch

I just noticed that there is no (x) button on input fields with type = search in Foundation 6.

Here's a pen by Rafi showing the correct input in Foundation 5: https://codepen.io/rafibomb/pen/YPwWYy

Here's the identical pen in Foundation 6.3. Note the missing (x) in the right side of the input: https://codepen.io/anon/pen/ypRNqZ

Is this a known issue? Can it be easily fixed?

Rafi Benkual 28 days ago

Not sure what you mean exactly. You can line up form elements using the built in helpers: https://foundation.zurb.com/sites/docs/forms.html#inline-labels-and-buttons

Roy Hinkley 28 days ago

Check out this pen using Foundation 5: https://codepen.io/rafibomb/pen/YPwWYy

When using Chrome and Safari, typing something in the field shows the little (x) appear on the right side of the input. Clicking that little icon clears the search field. This doesn't seem to work in FireFox, at least not the version I'm using.

Here's the exact same code, but in Foundation 6.3 https://codepen.io/anon/pen/ypRNqZ

Notice how when you enter text in the field, no (x) icon appears on the right side. There is no way to clear the input from that field. This is the behavior with Foundation 6 on Chrome, FireFox and Safari.

 

 

 

 

Gabriel Burning 7 days ago

I'm having the same problem. I'm currently looking into why it could be but so far I've had no luck.