Mini-Cart console warnings, missing X-mark icon (mobile), and overflow issues #45101
Replies: 2 comments 2 replies
-
|
Mini-Cart also causes |
Beta Was this translation helpful? Give feedback.
-
|
@daotw thank you for taking the time to surface your findings.
I took a look at the Mini Cart using the WooCommerce 8.8 RC.
I was able to replicate this. I opened an issue for this #46332
I could not replicate this.
I was not able to replicate this.
The Mini Cart has a close functionality when opened on Mobile Considering all the above I am going to close this discussion. |
Beta Was this translation helpful? Give feedback.
-
|
@ralucaStan Thank you for opening an issue! When mini-cart is present in header {
transform: translateY(-100%);
}I just replicated the issue with fresh WP + fresh 2024 theme + fresh Woo. When mini-cart is not present in When mini-cart-caused horizontal overflow is present, mouse hovering over mini-cart will cancel horizontal overflow. Devs who want to implement sticky-header-like feature will certainly encounter this issue. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you @daotw for reaching out again. I saw you added this as a comment on an existing issue. #46332 (comment) Would you mind creating a separate issue https://github.com/woocommerce/woocommerce/issues/new?assignees=&labels=&projects=&template=1-bug-report.yml? That would be really helpful for us. |
Beta Was this translation helpful? Give feedback.
-
Below screenshots are recorded without any plugin activated (except Woo) and with twenty twenty-four theme.
Desktop view: when loading the page ↓
"The resource was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate
asvalue and it is preloaded intentionally."Desktop view: when hovering over mini-cart icon ↓
"Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17."
Mobile view: even more warnings when clicking/tapping mini-cart icon ↓
From a visitor's perspective, Mini-Cart block works fine on desktop, but buggy (no X-mark icon for closing) on mobile.
I can't find related issues so I'm opening one.
Thank you.
Beta Was this translation helpful? Give feedback.
All reactions