Field Circle Icons

[benranderson]

Blue circle icons next to fields show out of position on Safari:

Looks fine on Google Chrome:

[1ilit]

Is it like this in the editor as well?

I won't be able to try this on Mac until next week. Until then if anyone can check this out I'll really appreciate it.

[haecheonlee]

The issue is coming from the unexpected values that are being set in Canvas.jsx. And, the values are coming from diagram in Workspace.jsx by id. Does it have different values for each id? And how are those values evaluated in db?

[1ilit]

The screenshot OP posted doesn't use Canvas.jsx or Workspace.jsx so it should be something else

[haecheonlee]

It calls setTransform in Workplace.jsx and it sets pan and zoom of diagram. The value is used in Canvas.jsx and it wraps Table.jsx. You can simply go through the DevTool and check the value.

[1ilit]

The screenshot is from the landing page. The landing page uses SimpleCanvas which is a simplified canvas that doesn't use any of the hooks

[haecheonlee]

Oh, I understood. I was working on Try it for yourself. It seems to be that the scale of transform doesn't work the same way in safari. It looks good when the value of scale is set to 1. By default, it's set to 0.85.

[1ilit]

The default is 1. It's probably 0.85 because your latest diagram is being loaded which was saved with scale = 0.85

[haecheonlee]

For the zoom value, I meant in LandingPage.jsx. It has the fixed value of 0.85. And, the issue in the page, Try it for yourself, seems to be the value used for translate in Canvas.jsx. I am guessing that Safari has different rendering on svg elements with the style of transform.

[1ilit]

I'll check it out, thanks