I'm currently facing some issues with Ionic because it's not placing my button where I want it to be:
https://i.stack.imgur.com/qtUQJ.png
My goal is to have the button on the same line as the input, similar to the clear-button.
This is the code I am working with:
<ion-item>
<ion-label position="stacked">New answer</ion-label>
<ion-input clear-input></ion-input>
<ion-button slot="end">+</ion-button>
</ion-item>
So far, I've attempted putting the button inside the input, which aligns them on the same line but causes the end-slot to malfunction. Is there a solution that allows me to achieve this layout? Keep in mind that this should be the last item in a list. Placing the label before the input makes it difficult to identify as an input field at all.