In my app, I have a page as follows (abstracted):
<ion-header> <ion-navbar"> <ion-title>Comments</ion-title> </ion-navbar> </ion-header> <ion-content> <card-comment-list [comments]="comments" ></comment-list> </ion-content> <ion-footer> <comment-input ></comment-input> </ion-footer>
The comment input components is a form wrapped in a ion-toolbar. When I close the keyboard (native plugin keyboard) and there is a value in the textarea in the input, and there are comments, the back button and ion-title appear to disappear, though I can still click on the back button.
Submitting the form makes the back button and ion-title appear again.
Manually setting the styles and unsetting the styles again in Safari web inspector fixes the issue, so I suspect the DOM is not being updated. But I have no idea how to force it to update.
Header shows up fine if there is a value in the textarea but are no comments after closing keyboard
Header disappears if there is a value in the textarea and there are comments… I have no idea why, I’m displaying comments in an ion-list
EDIT: I’m using iOS.