# NO BUG: Cart items element: Remove Product button is not displayed in the Safari browser **URL:** \ **Category:** Bugs\ **Tags:** v2-0-1\ **Created:** [July 30, 2025, 7:21pm UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404 "2025-07-30T19:21:02Z")\ **Posts on this page:** 19\ **Page:** 1
**Author:** ![HOSEIN](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/hosein/32/25907_2.png) [@HOSEIN](https://forum.bricksbuilder.io/u/HOSEIN)\ **Post date:** [July 30, 2025, 7:21pm UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/1 "2025-07-30T19:21:02Z")
**Browser** : Chrome 110 **OS** : Windows Hi team, If we use a custom position for the “Remove” button, in iPhone browsers the Remove button will only be displayed for the first item in the cart. ![Screenshot](https://forum.bricksbuilder.io/uploads/default/original/3X/3/a/3aa9f39fd49a5e53ea774521ecb74c6b81713fd0.jpeg) ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [July 31, 2025, 9:40am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/2 "2025-07-31T09:40:46Z")
Hi @HOSEIN, I was able to replicate bug #2 and bug #3, and I’ve created 2 separate tasks, because the issues are not really the same. 🙂 But… > [@HOSEIN](#): > > 1- If we use a custom position for the “Remove” button, in iPhone browsers the Remove button will only be displayed for the first item in the cart. I can’t replicate this one. I’ve tested on my iPhone using Safari and Firefox, but I see the clear icon just fine. Do you have a link to the websites though, where I could check it on iPhone + on which browser you were testing? Thanks, Matej ---
**Author:** ![HOSEIN](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/hosein/32/25907_2.png) [@HOSEIN](https://forum.bricksbuilder.io/u/HOSEIN)\ **Post date:** [July 31, 2025, 9:52am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/3 "2025-07-31T09:52:57Z")
Hi Matej, As always, thank you for taking the time to review this report. Interesting that it’s showing up well for you. It reminded me of [this report](https://forum.bricksbuilder.io/t/no-bug-form-success-interactions-issue-in-iphone-browsers/31124). I still can’t find a reason why it’s not working on my phone. Because it was working fine for you. > Do you have a link to the websites though, where I could check it on iPhone + on which browser you were testing? Yes, definitely. Please see my [test website](https://avangtheme.ir/query-loop/). Thank you ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [July 31, 2025, 11:17am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/4 "2025-07-31T11:17:38Z")
Hi @HOSEIN, I can replicate it on your website ✌ What happens is that the “second” remove icon goes all the way up, which means both remove icons are piled up on the first object. I’m not yet sure what the difference is between Safari and other browsers (I was able to replicate the issue on macOS Safari as well). Could you export the cart template and paste it here for me to test? Thank you, Matej ---
**Author:** ![HOSEIN](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/hosein/32/25907_2.png) [@HOSEIN](https://forum.bricksbuilder.io/u/HOSEIN)\ **Post date:** [July 31, 2025, 11:23am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/5 "2025-07-31T11:23:08Z")
Great, thank you Matej. > Could you export the cart template and paste it here for me to test? > **[template-cart-2025-07-31.json](https://drive.google.com/file/d/13HwTC4z5_53GXtH_3sWFVwD1HrMkZZJa/view?usp=sharing)** > > Google Drive file. ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [August 1, 2025, 6:39am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/6 "2025-08-01T06:39:57Z")
Hi @HOSEIN, thank you. I was able to replicate it now. Seems like Safari is not respecting `position:absolute` in this case. I’ve created a local task for that and connected it to this forum report. But keep in mind that now we have 3 different tasks connected to this forum topic, which means that once we solve at least one, we may set it as solved, although the other two issues are not yet solved. 🙂 Thanks, Matej ---
**Author:** ![HOSEIN](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/hosein/32/25907_2.png) [@HOSEIN](https://forum.bricksbuilder.io/u/HOSEIN)\ **Post date:** [August 1, 2025, 7:23am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/7 "2025-08-01T07:23:35Z")
Thank you Matej, Yes, you’re right. I made a mistake not creating separate reports. If it’s not too late, I can do that right now. ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [August 1, 2025, 9:15am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/8 "2025-08-01T09:15:09Z")
Hi @HOSEIN, You don’t need to do it and spend time on creating separate reports again. But if you do, then I’ll properly connect it to internal tasks ☺, just please tag me in the reports and also include a link to this one. Thanks, Matej ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [August 1, 2025, 10:01am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/9 "2025-08-01T10:01:18Z")
Thanks, I’ve also updated a link for this task 🙂 Best regards, Matej ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [September 2, 2025, 7:51am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/10 "2025-09-02T07:51:24Z")
HI @HOSEIN, a little update on this one. While working on it, it I notice that this is not a Bricks bug, but a bug in Safari browser. I also found an unsolved WebKit bug report, that you can check it here: [240961 – `position: relative` doesn't work as expected on table row](https://bugs.webkit.org/show_bug.cgi?id=240961) The reason is, that `position:relative` is used on table rows, which apparently is not supported on WebKit browsers (Safari), so this happens. Until that is solved, there is not much we can do, unless we create all new elements or refactor this one, so that it’s not using tables… then we would have other (compatibility) issues. 🙂 This is a reason that I’ve marked this topic as no-bug. Thank you for understanding. Matej ---
**Author:** ![HOSEIN](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/hosein/32/25907_2.png) [@HOSEIN](https://forum.bricksbuilder.io/u/HOSEIN)\ **Post date:** [September 2, 2025, 8:08am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/11 "2025-09-02T08:08:11Z")
Hi Matej, Thanks for update🙏🏻 ---
**Author:** ![Victor1999](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/v/87869e/32.png) [@Victor1999](https://forum.bricksbuilder.io/u/Victor1999)\ **Post date:** [October 31, 2025, 11:43am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/12 "2025-10-31T11:43:51Z")
Hi @Matej, Is there a temporary solution to the problem of displaying the product removal icon in the iPhone browsers? Best regards ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [October 31, 2025, 8:01pm UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/13 "2025-10-31T20:01:03Z")
Hi @Victor1999, Sadly, not… or at least I had not found any at the time when I was exploring this issue. So maybe/probably there is some, but I’m not aware of it now. Best regards, Matej ---
**Author:** ![Victor1999](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/v/87869e/32.png) [@Victor1999](https://forum.bricksbuilder.io/u/Victor1999)\ **Post date:** [October 31, 2025, 9:50pm UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/14 "2025-10-31T21:50:28Z")
No problem @Matej. Please consider fixing it in the next updates. We have faith in your team. ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [November 3, 2025, 9:22am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/15 "2025-11-03T09:22:16Z")
Hi @Victor1999, this is not really something that Bricks can fix, though (check the WebKit bug above), unless we redesign the (default) table as CSS Grid or some other solution. However, this would be the same as if you do your own cart loop, which I recommand doing, if you need to set the button to absolute: > **[Cart (WooCommerce)](https://academy.bricksbuilder.io/article/cart/#loop)** > > The cart page is a special WooCommerce page, created by default during WooCommerce installation. It contains WooCommerce Cart gutenberg blocks. Please remove all of the gutenberg blocks and use \[woocommerce\_cart\] instead. Remove the Gutenberg Cart... Best regards, Matej ---
**Author:** ![HOSEIN](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/hosein/32/25907_2.png) [@HOSEIN](https://forum.bricksbuilder.io/u/HOSEIN)\ **Post date:** [November 3, 2025, 10:32am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/16 "2025-11-03T10:32:15Z")
Hi @Matej, Before Bricks, when I was using Elementor, the Jet Woobuilder plugin had a similar option to set the absolute position of the remove cart button. I tested it on iPhone browsers now and it didn’t have the same problem. To be honest, I didn’t understand what they did when I looked at the front-end code because Elementor’s code is very messy and cluttered. If you think this needs your review, please let me know so I can install and configure it on my test website. ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [November 3, 2025, 11:05am UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/17 "2025-11-03T11:05:05Z")
Hi @HOSEIN, hmm… let me chek this task once again. I’ll reopen the internal task about this. Thank you, Matej ---
**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\ **Post date:** [November 12, 2025, 3:43pm UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/18 "2025-11-12T15:43:16Z")
Hi @HOSEIN and @Victor1999, I’m afraid I have to set this topic back to no-bug. I’ve explored the solutions, and we can’t update the styling without breaking all the already built websites, which is something we don’t want to do. However, here is a CSS only solution. If you use it, just don’t set any position via UI and instead change it here (inside the `a` selector). If you only need it on the mobile view, then only add this to the mobile breakpoint, inside the Custom CSS control. ```css %root% .product-remove{ position: relative; width: auto; & a{ position: absolute; top: 0; right: 0; } } ``` I hope it’s understandable. Thank you, Matej ---
**Author:** ![HOSEIN](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/hosein/32/25907_2.png) [@HOSEIN](https://forum.bricksbuilder.io/u/HOSEIN)\ **Post date:** [November 12, 2025, 5:00pm UTC](https://forum.bricksbuilder.io/t/no-bug-cart-items-element-remove-product-button-is-not-displayed-in-the-safari-browser/34404/19 "2025-11-12T17:00:22Z")
Hi @Matej, Thank you for taking the time to review this report 🙂