{"provider_url":"https://hatena.blog","type":"rich","author_name":"utgwkk","provider_name":"Hatena Blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.utgw.net%2Fentry%2F2021%2F12%2F14%2F174908\" title=\"ResizeObserver\u3068CSS transform\u3068react-use-measure - \u79c1\u304c\u6b4c\u5ddd\u3067\u3059\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","description":"\u524d\u63d0\u3068\u3057\u3066\u3001ResizeObserver \u306f\u3001CSS transform\u306b\u3088\u308b\u8981\u7d20\u30b5\u30a4\u30ba\u306e\u5909\u5316\u3092\u691c\u77e5\u3057\u306a\u3044\u3002CSS\u306e transform \u5c5e\u6027\u3092\u52d5\u7684\u306b\u66f8\u304d\u63db\u3048\u3066\u3082 ResizeObserver \u306f\u691c\u77e5\u3057\u3066\u304f\u308c\u306a\u3044\u3002 Observations will not be triggered by CSS transforms. Resize Observer framer-motion\u3068\u3044\u3046\u30e9\u30a4\u30d6\u30e9\u30ea\u3067 transform \u5c5e\u6027\u3092\u66f8\u304d\u63db\u3048\u3066 scale(...) \u306e\u5024\u3092\u52d5\u7684\u306b\u66f8\u304d\u63db\u3048\u308b\u3088\u3046\u306a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u3057\u3064\u3064\u3001\u305d\u306e\u5b50\u8981\u7d20\u3067react-use-measure\u306e useMeasure \u30d5\u30c3\u30af\u3092\u4f7f\u3063\u3066\u2026","image_url":null,"blog_title":"\u79c1\u304c\u6b4c\u5ddd\u3067\u3059","url":"https://blog.utgw.net/entry/2021/12/14/174908","version":"1.0","height":"190","published":"2021-12-14 17:49:08","title":"ResizeObserver\u3068CSS transform\u3068react-use-measure","author_url":"https://blog.hatena.ne.jp/utgwkk/","blog_url":"https://blog.utgw.net/","categories":["\u6280\u8853"],"width":"100%"}