During resize there sometimes is a gap between the SVG and the embedding/containing element

[tobireif]

Please see these browser bug reports:
https://bugzilla.mozilla.org/show_bug.cgi?id=1575174
https://bugs.webkit.org/show_bug.cgi?id=200916
https://bugs.chromium.org/p/chromium/issues/detail?id=993760

I need a way (eg CSS) to opt into precision (and out of snapping/rounding).

Is such a property in any of the existing W3C specs?

[tobireif]

Mozilla says this:

"presumably there are some SVG images that render more crisply if snapped to integer pixel sizes"

"Not sure there is much to do here since we either snap or don't snap, with visual trade-offs in each depending on the circumstances."

In some cases snapping is better it seems, in some cases precision is required.

Thus it would be great if there'd be a W3C-sanctioned way of requesting precision respectively snapping/rounding. For example we could have precision: optimal and precision: rounded.

[dirkschulze]

For SVG there is shape-rendering. It depends where you want to apply the precision... on the host of the SVG or within the SVG file? For the host it would probably be image-rendering

[tobireif]

What to do eg for nested grids?

There sometimes are gaps when I resize this eg in Chrome:

https://tobireif.com/non_site_stuff/for_bug_report_grid_object_svg_gap/example_with_inline_svg_and_nested_grid.html

[tobireif]

I need a way (eg CSS) to opt into precision (and out of snapping/rounding).

[tobireif]

I still need a way (eg CSS) to opt into precision (and out of snapping/rounding).