From 8d4796746f2444ac9bfc647d402143dd160a1bc5 Mon Sep 17 00:00:00 2001
From: flyer1 <jhd124@hotmail.com>
Date: Wed, 28 Dec 2022 03:59:40 +0000
Subject: [PATCH 1/2] feat: add prop keepSizePrecision, to keep precision on
 with and height

---
 src/SingleObserver/index.tsx | 6 +++---
 src/index.tsx                | 2 ++
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/SingleObserver/index.tsx b/src/SingleObserver/index.tsx
index ab15dfd..2940d58 100644
--- a/src/SingleObserver/index.tsx
+++ b/src/SingleObserver/index.tsx
@@ -11,7 +11,7 @@ export interface SingleObserverProps extends ResizeObserverProps {
 }
 
 export default function SingleObserver(props: SingleObserverProps) {
-  const { children, disabled } = props;
+  const { children, disabled, keepSizePrecision } = props;
   const elementRef = React.useRef<Element>(null);
   const wrapperRef = React.useRef<DomWrapper>(null);
 
@@ -55,8 +55,8 @@ export default function SingleObserver(props: SingleObserverProps) {
      * In most case we just care about element size,
      * let's use `boundary` instead of `contentRect` here to avoid shaking.
      */
-    const fixedWidth = Math.floor(width);
-    const fixedHeight = Math.floor(height);
+    const fixedWidth = keepSizePrecision ? width : Math.floor(width);
+    const fixedHeight = keepSizePrecision ? height : Math.floor(height);
 
     if (
       sizeRef.current.width !== fixedWidth ||
diff --git a/src/index.tsx b/src/index.tsx
index 33ea20b..0510128 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -22,6 +22,8 @@ export interface ResizeObserverProps {
   disabled?: boolean;
   /** Trigger if element resized. Will always trigger when first time render. */
   onResize?: OnResize;
+  /** Keep precision on width and height */
+  keepSizePrecision?: boolean;
 }
 
 function ResizeObserver(props: ResizeObserverProps) {

From c3a9c0cc050b5f529adbe2faaf36db900eb44fe6 Mon Sep 17 00:00:00 2001
From: flyer1 <jhd124@hotmail.com>
Date: Wed, 28 Dec 2022 04:04:31 +0000
Subject: [PATCH 2/2] chore: rename fixedWidth -> processedWidth, fixedHeight
 -> processedHeight

---
 src/SingleObserver/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/SingleObserver/index.tsx b/src/SingleObserver/index.tsx
index 2940d58..7f9d54e 100644
--- a/src/SingleObserver/index.tsx
+++ b/src/SingleObserver/index.tsx
@@ -55,16 +55,16 @@ export default function SingleObserver(props: SingleObserverProps) {
      * In most case we just care about element size,
      * let's use `boundary` instead of `contentRect` here to avoid shaking.
      */
-    const fixedWidth = keepSizePrecision ? width : Math.floor(width);
-    const fixedHeight = keepSizePrecision ? height : Math.floor(height);
+    const processedWidth = keepSizePrecision ? width : Math.floor(width);
+    const processedHeight = keepSizePrecision ? height : Math.floor(height);
 
     if (
-      sizeRef.current.width !== fixedWidth ||
-      sizeRef.current.height !== fixedHeight ||
+      sizeRef.current.width !== processedWidth ||
+      sizeRef.current.height !== processedHeight ||
       sizeRef.current.offsetWidth !== offsetWidth ||
       sizeRef.current.offsetHeight !== offsetHeight
     ) {
-      const size = { width: fixedWidth, height: fixedHeight, offsetWidth, offsetHeight };
+      const size = { width: processedWidth, height: processedHeight, offsetWidth, offsetHeight };
       sizeRef.current = size;
 
       // IE is strange, right?