Check box not getting closed Helical Insight 4.1

Technical queries
, , ,
#1

Hello Team,

I am using Helical Insight 4.1 GA. I have used multiselect checkbox component in my dashboard. But once i open the check box in order to close it i must have to click again on that component only. If any where else in outside area, if i click then checkbox dropdown is not getting closed. How to fix this behavior?

Thank you,
Netta.

#2

Hello Netta,

You can fix this behavior by applying CSS and JS. Please apply below mentioned CSS and JS at dashboard designer level.

CSS:

.ms-options{
z-index: 9999 !important;
  position : absolute !important;
    opacity : 1  !important;
background-color: white  !important;
}

JS:

document.addEventListener('click', function(event) {
  const dropdown =document.querySelectorAll('.ms-options-wrap');
 
  dropdown.forEach(function(item) {
    if (!item.contains(event.target)) {
    item.classList.remove("ms-active")
  }else{
item.classList.add("ms-active")
  }
});
});

This will fix your issue.

Thank you,
Helical Insight.