Get Free Trial

Clicking an icon in the menubar opens a new windows

Randolph Kepplinger asked on November 29, 2019

When I click on the menu bar in an embedded example, this tries to open a new windwow.
can i prohibit this somehow?
here is a short video to show what I mean
kind regards

3 answers

Vera Didenko Vera Didenko Flexmonster December 2, 2019

Hello, Randolph,
Thank you for writing to us and for sharing a screen recording for illustration.
We have not managed to reproduce this behavior on our end: new windows or tabs don’t open when clicking on Toolbar Tabs on our demos.
Our team kindly recommends comparing the way Flexmonster is embedded in your environment with our demos. It seems that the behavior you encounter may be connected with some custom code on your side.
Please feel free to write to us in case further questions arise.
Best Regards,

Randolph Kepplinger February 27, 2020

I found a solution thats not beautioful but working.
I removed all href=”javascript:void()” statements from flexmonster.toolbar.js and the it works also in our framework in a div.
Is there a chance, that you add an option removeVoidHrefs, so that we do not have to do this with every library update?
kind regards

Illia Yatsyshyn Illia Yatsyshyn Flexmonster February 27, 2020

Hello, Randolph,
Due to the fact that the problem is not reproducible on our side, it can be possible that such behavior is connected with specific scripts of the page that are interfering with the click event of the <a> HTML element.
Such a script can possibly be provided by another library or framework used on the page. It would be useful for our investigation if you could provide us with information about these libraries so we could investigate the problem deeper.
We recommend following the steps provided below in order to check whether the page where the issue is reproducible has any additional event listeners that can be the reason for the problem:

  1. Inspect the page using an in-built browser’ inspector.
  2. Enable the full-screen mode of Flexmonster and navigate to the close button in the top right corner of the window.
  3. Select a <a href="javascript:void(0)"> and open the “Event Listeners” section.
  4. Now you can see all events connected with the link. We recommend making sure that the only click event connected with the element is taken from the flexmonster.toolbar.js. In another case, we recommend removing additional event listeners in order to prevent the problem.

Please check out an illustration of the steps described above in attachments.
Please let us know if it works for you.
Best regards,

Please login or Register to Submit Answer