Lightning Component force:showToast event displays toast message behind action window in Lightning Experience and Salesforce1
Trailblazer Community

Lightning Component force:showToast event displays toast message behind action window in Lightning Experience and Salesforce1

Mobile , Lightning

Last updated 9 days ago ·Reference W-4330040 ·Reported By 472 users

In Review

Summary
When the force:showToast event is fired from a Lightning Component used as an action then the toast message is being displayed behind the action window context.

In Lightning Experience the toast is visible behind the transparent background layer that appears with the action window.

In Salesforce1 the toast is blocked entirely by the action window making it appear as if the toast is not displaying at all.

Repro
--- Create a simple component ---

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,force:lightningQuickAction" access="global" >
<div class="slds">
<ui:button press="{!c.showToast}" label="fire force:showToast" />
</div>
</aura:component>

--- And a client-side controller ---

({
showToast: function(component, event, helper) {
var showToast = $A.get("e.force:showToast");
showToast.setParams({
'title' : 'Custom Toast!',
'message' : 'The event has fired sucessfully.'
});
showToast.fire();
}
})

Create an action for the Lightning Component and make it available for Lightning Experience and Salesforce1.

Access the action and press the button to fire the toast. Notice the toast fires behind the action window context.

Workaround
There is no direct workaround when using the force:showToast event at this time as this is an issue with the DOM structure outside the reach of the custom component.

Reported By (472)

Swathi C.K Stéphane HERMET Satish Inuganti Agustin Martinez Sebastian Gozdur Jessica Zhao Puneet Gautam Raquel Feitor Niral Pokal Prachi Shah Vinod Reddy Rondla ☁ Mustafa Efe Pietro Ciaglia Ganesh Pulipati Juan Vaz Martin Antonio Aulestia Viera IT IT运维 Mani Sundaresan Sejal Shah Onofrio Falco Swapnil Pal Surean Raju Deepak Saini sidhartha nathsharma Shubhani Rastogi Shyam Sundar Pulivendula Artiom Fedorovich Humeyra Bhatti Travis Malle Philip Gibson Movsar Bekaev Adam Myhre Tomislav Fumic Ivan Martic Murthy Tumuluri Cheana Samrith K Sravanthi Anumolu Sudheer Samuel Yoo Jackson Lourthu Raj B Elias Almanza Laguna Paolo Carta Melanie Head bindu joseph Bill Jacobs Kacper Augustyniak API User Sundaramurthy RNTBCI Thasan Yogarajah Natsu Dragneel Andrew Persad Hamish Buckley Bogdan Manea ram patnam Mehdi Touimi Benjelloun Scott Sackville Yevhen Kharchuk rahma dahache 拓也 中西 Derek Hughes Admin SfourG three Matias Kruk Fermín Campo Felipe Bedoya Rojas Ismael Ocaña Steven Babula Igor Babych Bill Surgent Steve Krall Tiago Pereira Vinod Merwade Jonathan James Supreeth S Shankaregowda Vitalii Leshchenko Igor Ievsieienko Sergii Sheiko Alice Basiuk Dmytro Garkusha Jonathan Jacobs Marta Malinowska Karan Singhal Cora Admin Sourabh Kulkarni Nathan Hillis Shiv Nawal Melissa de Pau Hing Chow Adam Tolbert Oscar Bartolo Joe Turner Sachin Dubey Thiago Balancin Navinkumar Sethiya Anan Boonthavornthavee Vinod Reddy Rondla Sakthivel Madesh Purushotham Reddy Yellanki Sunil Nalla Saharat Jindawuthiphan Wilson Farrell Sue Marryott Mousumi Parvin Ashok N Eric Montelibano Eric Montelibano Saasfocus Sales Karen Ishimaru Naga Sai Gadagottu James Quinn Trevor Yager Ricky Lowe Dan Boudreau siddharth parashar Chris Heinl Andrew Posadzy Srithej Adusumilli Interface Campanhas Kieran Dyer SAQUIB SHAIKH Inass Salloum Peter Knolle Dobias van Buuren Admin 7dots Tim Sinard Jeisson Alexander Hernandez Guerrero Evan Arbeitman Chris Cross Leo Koh Cédric Zwolinski JS Admin sourabh kulkarni Daniel Sadavoy Carole Bennett Yolande Anjargholi Rajesh Kumar Jerun Jose Saheb Samanta Thasan Yogarajah Lindsay Holmes Doug Kells Khaing Lin Thaw brian yarsawich Priyanka Parab Prasanth Krishna V N Simon Molloy Tanmaya Kumar Samal Derek Person Brian Yarsawich Julie Isip Floris Jan Galesloot Alistair Read Cheryl Feldman Camelia Militaru Ezio Dal Bo Rafael Barreto Jacob Huizenga dew wed Timothy Huesmann Drew Darmond Hari P Evan Rand Benjamin Brandvig Nick Morozov Leticia Monteiro Freitas Kamal Belayachi Deepak Malkani Big Data Digital Milan Nakum Martin Peters Srikanth Adepu Gurpreet Matharu Victor Sit Antonio Torres Steven Bontenbal Madhura Priyadarshana Ben Adeline Lee Khen Lucas Borim Jesse Kovach Soorya Sharma Mohammed Rizwan Marcin Pawlak Łukasz Czerwiński Richie Landingham Alisia Vetter Kieran Maguire Lighning 999 Steven Hayhurst Sunil Vaggannavar Naveen Mosuru Neha Raizada Ratan Paul Anto Nirmal Doren Proctor Saurav Nirwal tim bott Revathi veesam Stefan Knopper Robert Sösemann Jowin Waaijer Meir Hauser Cezary Zawadzki Stuart Neilson Yemi Olanbiwonnu Eric Lodahl Jeroen Burgers Nicole Farina Rafael Cunha Clark Hruska Vinod Agrawal Varun Chaddha Kieran Maguire Doug Kells John Glick Pooja Jadhav Mubashir Hussain David Correia sheema rohi Fahad Ali Khan 真成子 西野 Surya Gupta Vishal Agrawal siva dandamudi Clive Philips Leandro Nuñez Arpit Jain Pritam Shekhawat Lokesh Krishna Sagi Andy Rouse Christian Wico Stephen Titley Elena Frolovskaya BAO NGUYEN QUOC Alisha Gupta Karan Pant Mir Umair Mr Consultant Shekhar Gawali Eugene Rusalev Sushmita Kar James Melville Mustafa Oğuzhan Kolsuz Ugur Kaya Rachit Jain Erin Fink Moback IDC Štěpán Víteček Matteo Boscarino Birger Wollburg Mario Anes Ron Wild Ron Wild Ron Wild Ron Wild Ted Lee Alex Kong Anthony Ciresi Pranav Chitrans Vignaesh Ram Amarnath Veena Sundara-Heragu Mateusz Jakóbik Radek Matusiak Jan Blaha Angel Zaykov Chiranjeevi T G Michael French Borja Valenciano López Jimmy Smith Ron Wild David Ray Mordechai Sandhaus Mihai Jurian Elena Poli Andres DiGeronimoStenberg Paul Lupcke Teo Curcic Abhishek Mishra Bernd Werner zhubaojun Eli Goldstein Menachem Lazaroff cd z Erik Buček Andrey Novikov Kiran Nadackal Jim Kohs Maxime Clavel Patrick Fischer Pierre Castori Herbert Silva Oliveira Alina Puiu Joshua Hipple David Brown Roman Hentschke Katrina Watkins RAGHUNATH POLU Kelly Bilodeau Rahul Sharma Matt Vitale William Alexander Aldana Carvajal ANAND SANJEEV Chris Pitman Chris Bradshaw Phu Bui Amel Janardan Atlantic Admin Jeff Wagner Shameel Ahmed Michael Langemeyer Jorge Valdés Felipe Livino Christian Aguirre Shashi Paripalli Cezary Zawadzki Satya Jarag Mike Napier Sfdc Yodha Jagan Challa Raquel Dias Zainab shikari nabhan karmi Luis Berenguer Pradeep Kumar L.G Pavel Golyakov Kurt Orto Keir Bowden Pavlo Tkachenko Matt Angelo Fabio Palladino Satyadev Revanth Chilakamarri Vladimir Khryshchanovich Jaspreet Singh Dylan Ribb Clay Chipps Vince Carr Adam Weed JF Guilbert Glen De Marcos Simon Kuhnt Liam Patterson Natacha Joseph Riccardo Di Stefano Norbert Wieruszewski Mason Nguyen Malwina Mruk Jelle Gijsbers Sneha Sunkara Tirzah Breen Piotr Boniecki Saurabh Bisht Angus Alves Kushal Gothankar Rajesh Varma Mudunuri Lorander Saggu Mahak Bansal Jonathan Muller Manoj Maraka Bogi Bogi Dave Casper David Binstead Niluk John Admin DPG1 Jeffrey Cheung FLORIANE PERRIN Mike Koscak Lorna Damren Brendan Conners Ciprian Stoica Roberto Brandao Sravan Podapati Jenny Mashari Robert Soto Danielle Morse Chad Countryman 秀妍 RSM沈 Eric Talley Nidish Rekulapalli Prateek Prasoon Deepraj Bhushan Brett Barlow Nishant Khandelwal Nithun Gangula Lukasz Zborowski Mike Katulka Jason Smith Nigam Goyal Mohan Babu K J Alec Klein Hakan Aran DevMcGill Administrator Andrew Weinstein Alicia Hunck Bárbara García Mario Jimenez Varona Raposo Jonathan Wiesel E.J. Wilburn Tim Bott Callum MacErlich Bogoljub Jakovcheski Vlodko Bervetskiy Fernando Barcellos Aleksandr Luferov Prashant Raiyani Michal Cnota Tcool Ma João Lopes Carlos Sabado Cortes Pankaj Jagdale Jayakumar Balraj Mohit Kumawat Ashok Dadali Marco Almodova avishek ramah Ashfhaq Shaikh Bryce Batson Dan Björkroth 高行 奥田 Christian PHE Robert Sösemann Petr Svestka Vlad Petrovych Lev Prudnikov Naren Pillai Sven Kuiper Jessica Riffe Antonio Manente Cherisse Taylor Ali Naji Anthony Montufar Rick Schmidt Marti Carr Peerless Admin Tolga Sunar Ashok Yadav Narayana Ron Wild Chris Woolcott Karthik P aman gupta Joseph Thomaschaske F Israel Emeterio Galán Bryce Batson Jonathan Glass Roberto Soto Aqeeb Ahamed Dimitris Sgourdos Douglas Viana Admin User Mike Ravagnani Nick Serafin Russell Kurak Paul Kissick Eric Rose Kris Cofojohn Grant Elliott Justin Lyon Erin McGee Jörg Ackermann Charles Naccio Carmen Díaz Jose Blasco Liz Ellis Mir Khan Arthur van der Wees Alonso Ortiz Kalpesh Vyas Mohan Liu wang nick Jing Cherry Adam Wu Sacha Altimas

Is it Fixed?

AP0 AP3 AP4 AP5 AP6 AP7 AP8 AP9 AP10 AP11 AP12 AP13 AP14 AP15 AP16 AP17 AP18 AP19 AP20 AP21 AP22 AP28 CS1 CS2 CS3 CS4 CS5 CS6 CS7 CS8 CS9 CS10 CS109 CS108 CS107 CS106 CS105 CS102 CS101 CS100 CS115 CS119 CS110 CS117 CS114 CS113 CS112 CS111 CS11 CS116 CS12 CS122 CS121 CS126 CS127 CS129 CS128 CS125 CS124 CS123 CS137 CS138 CS13 CS133 CS132 CS14 CS148 CS142 CS159 CS152 CS151 CS15 CS165 CS16 CS169 CS17 CS18 CS194 CS19 CS198 CS196 CS195 CS20 CS21 CS22 CS23 CS24 CS25 CS26 CS27 CS28 CS29 CS30 CS31 CS32 CS33 CS34 CS35 CS36 CS37 CS40 CS41 CS42 CS43 CS44 CS45 CS47 CS50 CS51 CS52 CS53 CS54 CS57 CS58 CS59 CS60 CS61 CS62 CS63 CS64 CS65 CS66 CS67 CS68 CS69 CS70 CS71 CS72 CS73 CS74 CS75 CS76 CS77 CS78 CS79 CS80 CS81 CS82 CS83 CS84 CS85 CS86 CS87 CS88 CS89 CS90 CS91 CS92 CS94 CS95 CS96 CS97 CS98 CS99 EU7 EU8 EU10 EU12 EU13 EU14 EU15 EU16 EU17 EU18 EU19 EU25 EU26 EU27 EU28 EU29 EU30 EU31 EU32 NA104 NA107 NA109 NA100 NA101 NA103 NA102 NA105 NA119 NA116 NA110 NA118 NA112 NA111 NA115 NA114 NA113 NA117 NA125 NA124 NA122 NA120 NA126 NA127 NA123 NA129 NA121 NA128 NA138 NA134 NA133 NA136 NA135 NA132 NA131 NA130 NA137 NA139 NA140 NA142 NA141 NA146 NA147 NA148 NA154 NA155 NA172 NA174 NA171 NA173 NA196 NA21 NA46 NA47 NA49 NA52 NA54 NA57 NA58 NA59 NA61 NA62 NA64 NA65 NA66 NA67 NA68 NA69 NA70 NA71 NA72 NA73 NA74 NA75 NA76 NA77 NA79 NA80 NA81 NA82 NA83 NA84 NA85 NA86 NA87 NA88 NA89 NA90 NA91 NA92 NA93 NA94 NA95 NA96 NA97 NA98 NA99 UM1 UM2 UM3 UM4 UM5 UM6 UM7

Any unreleased services, features, statuses, or dates referenced in this or other public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make their purchase decisions based upon features that are currently available.