Cannot select bonds when we add molecule with addFragment, setMolecule or "Paste from clipboard"

[luna215]

Steps to Reproduce
First type of scenario:

1. Init ketcher
2. call ketcher.addFragment
3. Try to select bond (only atoms are selectable

Second type of scenario:

1. Init ketcher
2. call ketcher.setMolecule
3. Try to select bond (only atoms are selectable

Third type of scenario:

1. Click "Open..."
2. Select "Paste from clipboard"
3. Put some molecule
4. Click "Open as New Project"

Actual behavior
When we hover over a bond we cannot select it nor is the bond highlighted. When we click on the bond, it also does not select the bond

Expected behavior
When we hover over a bond, we should see a highlight of the bond and we should be able to select it:

Highlight when we hover over a bond:

Selected bond

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Mac OS w/ M2 chip
• Chrome: 121.0.6167.184
• React version: 18.2.0

Ketcher version [e.g. v2.4.2].
v2.19.0

[luna215]

A hacky way I did to get around this was to do the following for anyone needing a quick fix to this:

ketcher.addFragment(updateLigandData.smiles);
   setTimeout(() => {
   ketcher.editor.selection("all");
   ketcher.editor.selection(null);
}, 1000);

[rrodionov91]

Hi @luna215 !

Thank you for raising the issue. We reproduced it and planned to fix.

[luna215]

@rrodionov91 happy to help wherever I can with this.

[Zhirnoff]

Tested. Fixed.

[luna215]

Greatly appreciate this quick fix! Ya'll 🪨 !

[Zhirnoff]

@luna215 You're welcome! Glad the Ketcher team could help! If you have any more questions or need further assistance, feel free to ask. 🚀