Modal

[Totonno5EBE]

MODAL
when editing a page with modal, in live split view,
it's the same site  based on a bootsrap template which works well on DW 2017 , but when i tried on DW 2021 don't...
on my DW CC 2017 modal shows up
on DW CC 2021 modal don't show up
have you had this problem , is there a fix?

[Jon Fritz]

My CSS and javiscript modal windows work fine in CC 2021.

Are you maybe in Design View, rather than Live View, in CC2021?

[Nancy OShea]

Did you define your local site folder in DW 2021?

Did you preview in a real browser?

[Nancy OShea]

Can you upload the problem page to your remote server and post the URL here for us to see?

[Totonno5EBE]

hi thank you for answering, i've attached a little clip of what is happening.
in a regular browser everything works fine.

the problem im  facing is in DW live view,
 the issue is...

when working in DW 2017, in live view, it is possible to open up the modal , edit  it  and preview the page with the modal poppin up,  all in the live view, without previewing in external browser

while in DW 2021  when editing the page with the modal in  live view, the modal don't show up, 

i hope the clip make it esier to understand!

im working on a site based on a template with bootsrap 3, the clip shows the original, unedited template,

which i repeat works pefectly in DW 2017,

i've triead also with other pages with modals using bootstrap 4  etc.., and  had the same problem

[Totonno5EBE]

Sorry i was talking of DW 2018 ... not 2017

im adding another clip of the behaviour in dreamweaver 2018
as you can see the modal open in live view  mode

🙂

[Jon Fritz]

Ahh, I wasn't in 2021 either, sorry.

I can verify modal windows aren't work correctly in Live View under Windows 10 in CC 2021. I can get mine to flash up for a millisecond then disappear if I click repeatedly.

I can get them to work correctly when I go to View > Live View Options > Hide Live View Displays. Unfortunately, Live View Displays are the editing functionality of DW's Live View, so you still won't be able to modify your modals without temporarily modifying your css to make them visible.

Adding a style attribute directly to the <div> tag temporarily does the trick...

<div class="modal" style="display:block">

Like many versions after DW CC2015, DW CC2021 did not make it into my production environment.

[Totonno5EBE]

thank you,
well like this (Hide Live View Displays) at least modal is visible and can edit in source windows, just for the pages where i use modals, which are just a few..  this is ok 
i hope this issue it will be fixed in the future

[Nancy OShea]

It it's reproducible with Ctrl + Click from Live View, please file a bug report from your DW Help Menu where the product team will see it.  Or go to Dreamweaver on UserVoice.

https://dreamweaver.uservoice.com/

[Totonno5EBE]

thank you
Ctrl + Click from Live View  it's a good solution!