Update canary version to fix scroll to top. (#976)

components/cart/button.tsx

@@ -54,7 +54,7 @@ export default function CartButton({
         onClick={() => {
           setCartIsOpen(true);
         }}
-        className="relative top-0 right-0"
+        className="relative right-0 top-0"
         data-testid="open-cart"
       >
         <CartIcon quantity={cart.totalQuantity} />

components/grid/tile.tsx

@@ -48,7 +48,7 @@ export function GridTileImage({
         />
       ) : null}
       {labels ? (
-        <div className="absolute top-0 left-0 w-3/4 text-black dark:text-white">
+        <div className="absolute left-0 top-0 w-3/4 text-black dark:text-white">
           <h3
             data-testid="product-name"
             className={clsx(

components/layout/footer.tsx

@@ -47,7 +47,7 @@ export default async function Footer() {
             </a>
           </div>
         </div>
-        <div className="flex flex-col items-center justify-between space-y-4 pt-6 pb-10 text-sm md:flex-row">
+        <div className="flex flex-col items-center justify-between space-y-4 pb-10 pt-6 text-sm md:flex-row">
           <p>
             &copy; {copyrightDate} {SITE_NAME}. All rights reserved.
           </p>

components/layout/navbar/search.tsx

@@ -32,9 +32,9 @@ export default function Search() {
         placeholder="Search for products..."
         autoComplete="off"
         defaultValue={searchParams?.get('q') || ''}
-        className="w-full py-2 px-4 text-black dark:bg-black dark:text-gray-100"
+        className="w-full px-4 py-2 text-black dark:bg-black dark:text-gray-100"
       />
-      <div className="absolute top-0 right-0 mr-3 flex h-full items-center">
+      <div className="absolute right-0 top-0 mr-3 flex h-full items-center">
         <SearchIcon className="h-5" />
       </div>
     </form>

package.json

@@ -27,7 +27,7 @@
     "clsx": "^1.2.1",
     "framer-motion": "^8.4.0",
     "is-empty-iterable": "^3.0.0",
-    "next": "13.3.1-canary.13",
+    "next": "13.3.1-canary.16",
     "react": "18.2.0",
     "react-cookie": "^4.1.1",
     "react-dom": "18.2.0"
@@ -41,7 +41,7 @@
     "@vercel/git-hooks": "^1.0.0",
     "autoprefixer": "^10.4.13",
     "eslint": "^8.35.0",
-    "eslint-config-next": "^13.2.1",
+    "eslint-config-next": "^13.3.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-unicorn": "^45.0.2",
     "lint-staged": "^13.1.1",