Toast not showing


My toast works perfectly, except I can’t see it, I couldn’t find anything in the docs nor stackoverflow. My toast receive parameters, I can see it showing as I inspect my chrome, it triggers its methods etc, I simply can’t manage to make it show. I have toast in another page which works completely.


Have you tried removing the crust?


How mature. No wonder why I found no answers


Try posting your code. As is, there’s not much anyone can suggest aside from shots in the dark.


It’s not shot in the dark, I described a behaviour. As I said, I have the same code working in another page:

showToastSignUp() {
let toast = this.toastCtrl.create({
message: this.toastMessage,
position: ‘middle’

toast.onDidDismiss(() => {
  console.log('Dismissed toast');



signUp() {
let info = {
password: this.password,
this.backoffice.postSignUp((data, error)=> {
if (data) {
if (data.status) {
this.toastMessage = data.message;
} else {
this.toastMessage = data.message;

  } else {
}, info);


I even removed duration


Have you modified any SCSS?


Is there something in the middle of the page that could be covering it? Have you tried setting position: ‘top’ or ‘bottom’ ?


Tried both bottom and top. I also haven’t modified any scss for this page. However I tried calling the toast as the first thing on my code, this way it works.