iOS input text field inline button

Hi guys,

I’ve just started out using the Ionic framework and its great! I’ve used other hybrid app frameworks in the past and one thing I’ve never been able to accurately replicate is the ‘inline delete text button’ found in iOS [Here].

I’ve been able to achieve something similar by implementing a separate button placed outside of the text field element, but it doesn’t have the same native look or reaction (i.e - the inline ‘x’ button doesn’t disappear or appear programatically based on whether the field contains text or not). Does this functionality currently exist in Ionic? If not, does anybody know how to implement this in a clean, robust way? Thanks!

I made a directive that does a simple version of this. Might be good enough for your needs:

Also, check out this thread:

1 Like