Comments and ContextMenu stopped working

Tags: #<Tag:0x00007efc609d0608>
#1

Hi. For whatever reasons row comments and context menu stopped working. I am using (kindof) pure JS here without wrappers. Feature was working when I finished working on it, but for whatever reasons it stopped working. Row comments tooltips are not showing anymore (“has comment” cell indicator is there). Context menu is not showing on after right click on row anymore. I have checked Comments and ContextMenu plugins and it seams that those are enabled and should work more.

Comment indicator is there:
image

plugins are enabled

image
image.png1215×63 5.34 KB 

const selector = `#${this.tableId}`;
const container = document.querySelector(selector);
assertNotNull(container, `Element ${selector} not found. Selector must be valid and call must be made at least in ngAfterViewInit`);
this.#instance = new Handsontable(container, hotSettings);
console.log('settings', hotSettings,this.#instance);
// @ts-ignore
console.log(this.#instance.getPlugin('comments'));
// @ts-ignore
console.log(this.#instance.getPlugin('ContextMenu'));

comment and context menu config (part of)

image
image.png1150×285 9.02 KB

How I include HOT via index.html

Table itself is working (including auto adding empty rows, pasting TSV data etc) but comments and context menu stopped working for whatever reason.

#2

Hi @sebastian.choina

Did you notice after what action did they stop to show (code change, library update, browser update, CSS changes)? Do you get any console errors?

#3

For whatever reasons css required some tweaks as DOM was rendered correctly but somehow covered by the rest of the application. Following change fixed the issue (for now)

  .htComments {
    position: fixed !important;
  }

  .htContextMenu {
    position: fixed !important;
  }
`
#4

I’m glad to hear that you found a workaround. Nevertheless, it would be great to specify what was causing the issue in the first place. I’m sure that you have a busy schedule so if you’ll find a minute to discuss that please let me know.