Mistake in a header of buttons

[Oleg Ilin]

Hi,

Unfortunately, I found the buttons header to behave incorrectly.
-headerButtons: [“”],
tabCloseButton: false
In this configuration the panel has a zone that reacts to mouse clicks , and it will crash the application.

https://disk.yandex.ru/i/Qyj2_i30kbftzg

The trace shows that the zone has a clickable area

https://disk.yandex.ru/i/3NZyIF9ovHIYVw

Could you fix this problem, please?
Best Regard,
Oleg I.

[svetoslav_borislavov]

Hi,

You may have attached a click event with some behaviour to this invisible button.
Here is a demo of this invisible button and you may see that clicking it won’t cause a crash.
https://codepen.io/svetoslavjqwidgets/pen/bGxKxgZ?editors=0110

If you want a header to be without buttons you have two options:
1) use your approach and set the headerButtons to [”] and using CSS set the display property of the .smart–button to none
!Note that the button’s class name has two dashes ‘smart–button’

2) The second one is to hide the ‘smart-buttons-container’ of the panel that you want to be without buttons.
Here is a demo: https://codepen.io/svetoslavjqwidgets/pen/RwYJYgJ

I hope this helps resolve the problem!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Oleg Ilin]

Hi Svetoslav,

Thank you so much for your suggestions.
ideas with  CSS  are quite cumbersome, and do not allow using this panel for other purposes.
Creating a listener closest to this hidden button with its own event handling fixed the problem.

Best Regards,

Oleg I

[svetoslav_borislavov]

Hi,

Thank you for updating us!

Good job, if you need further assistance, do not hesitate to ask!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts