Loading video...

Video Failed to Load

Go Home

Historically, I really hate modals. But I just coded through them for the LAST stack tutorial and... I LOVE the result. Simple, reusable, beautiful. No external libs (besides Turbo & Stimulus), but I finally had to write some JS... a whole 50 lines 😛

10,918 views • 2 years ago •via X (Twitter)

9 Comments

@rskuipers@phpc.social's profile picture
@[email protected]2 years ago

We built this exact same solution as well and I love the simplicity. I also put a simple if statement for my twig extends keyword so we either extend modal layout if it's in the modal turbo frame or page layout if it isn't, making it very flexible to choose between modal and page

Zoran's profile picture
Zoran2 years ago

Great stuff as always @weaverryan. Thanks a lot

Bhumi's profile picture
Bhumi2 years ago

LAST stack is? something something Stimulus Turbo?

Sw8rl3y's profile picture
Sw8rl3y2 years ago

Looking forward to the symfonycast LAST stack tutorial ! Thx for your work !

deliooos's profile picture
deliooos2 years ago

Beautiful!! Do you have a repo ?

Ryan Weaver's profile picture
Ryan Weaver2 years ago

Yup - but nothing is really public yet - watch for the screencast :)

Valentin Silvestre's profile picture
Valentin Silvestre2 years ago

Meh. No more js 😈

Ryan Weaver's profile picture
Ryan Weaver2 years ago

Haha, I can’t even get away with 50 lines of js??? In all seriousness, this 50 line modal controller should be its own library after this, I think.

Ryan Weaver's profile picture
Ryan Weaver2 years ago

There is no doubt that modals are a minefield for accessibility. That’s something I need to learn more about

Related Videos