Using bootstrap.css prevents touch ui dialog from opening (AEM 6.2)

I don't think it would be a product issue.

Did you tried to notice the error in browser console when dialog didn't open or error.log. 

Also if possible, please share the screenshot as well.

Thanks

No, there is no error reported in the log files.

In a "normal" case you mouse over the component and see the blue box around the component. You click the box and you get the tool icon to open the dialog. When you use "bootstrap.css" (either clientlibs or loading directly with <link> tag), the blue box does not appear and hence you can't click to open the dialog.

Maybe this is a known issue. It exists in the Classic UI as well, but I can override it with a CSS fix.

In the meantime I will see if I can create a small AEM package so the error can be reproduced.

Article here: Creating a custom Touch UI Grid Component for Adobe Experience Manager

Thanks a lot, will check the article. I actually stumbled into the issue when I did a simple test. I have a static html page with a simple form to enter values and a submit that calls a servlet to store them. It's based on bootstrap and I wanted to test the POST servlet.

I created a simple template and for simplicity purposes used customheaderlibs.html to load the CSS and JS files. This line

<link rel="stylesheet" href="https://forums.adobe.com/etc/clientlibs/jim/dependencies/jim-theme/css/bootstrap.min.css" />

is causing the problem. All other link tags are fine and I can open the touch-ui dialog. If I remove the boostrap.css link, dialog is fine. If I add it, the blue frame is not visible anymore and I can't open the dialog.

I will check your article and see if I can do something else, maybe with clientlibs.

Thanks for your advise!