Opening link in new tab from Polymer Modal
Question
Hi just a very simple question. I have a Modal in my Polymer 3 page. I want to add a link in the model and open the link in new Tab, but its not working. The link opens in the same window, where the popup is opened?
<html> <div class="modal--innerContainer"> <div> <h3>${item.title}</h3> <p>${item.content}</p> <a href="#" target="_blank">Read more</a> </div> <button on-click="${() => this._closeModal()}">Close</button> </div> </html>
2 answers
solution1
4 ACCPTED 2018-07-04 09:09:51
Please try this
<html> <div class="modal--innerContainer"> <div> <h3>${item.title}</h3> <p>${item.content}</p> <a target="_blank" rel="noopener noreferrer" href="http://www.google.com">Read More</a> </div> <button on-click="${() => this._closeModal()}">Close</button> </div> </html>
solution2
1 2018-07-04 09:01:42
Try adding this line. It works!
<a href="https://upload.wikimedia.org/wikipedia/en/5/5e/Gothiccover.png" target="_blank">Read more</a>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Opening new link in new tab
Prevent Bootstrap modal window from opening in new tab / window
link not opening in new tab in JStree
javascript prevent middle mouse button from opening link in new tab
Opening a new tab with link from iFrame - Page is blocked
Bootstrap modal: disable opening in new tab/window
Event occurring in same tab, while opening a link from active tab to new tab in Firefox extension
Prevent opening link in same tab, but allow opening in a new tab
Opening “Open Link in New Tab” dialog automatically
Opening a link in a new tab in HTML with script (button)
Related Tags