Zoom causes nodes to blur when focus

[alexisrolland]

Hi there,
I think this issue is related to this other issue which is closed: #178
I am using version 1.9.3 and I somehow still have a blur issue.

I have a simple custom node with one text area option (note this text area is an Ant Design component). It looks good in general, but when zooming in/out and then clicking on the text area to type text (focus), the whole node gets blurred. When clicking outside the text area, then it gets back to normal. This does not happen if I don't zoom in/out.

[CTB-Software]

here a screenshot of the problem | i am using 2.0.2-beta.3

[CTB-Software]

the problem is being caused by the box-shadow CSS property. change the box-shadow to border

[alexisrolland]

Thank you. Your comment put me on the right track. I did not change the box shadow but removing the filter CSS property did the trick for me.

.node {
  filter: none !important; /* This removes the bug where nodes get blurred */
}

[KaKi87]

I can also reproduce this issue on v2 and workaround it the same way :

.baklava-node {
    filter: none !important;
}

But please reopen this issue so that the maintainer fixes it properly at some point.
Thanks

[newcat]

Fixed in v2.0.2-beta.5