# Tap bar bug in Safari

**URL:** <https://forum.adalo.com/t/tap-bar-bug-in-safari/26589>\
**Category:** Get Help\
**Created:** [April 28, 2022, 6:16pm UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589 "2022-04-28T18:16:19Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nirvana](https://avatars.discourse-cdn.com/v4/letter/n/ee7513/32.png) [@Nirvana](https://forum.adalo.com/u/Nirvana)\
**Post date:** [April 28, 2022, 6:16pm UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/1 "2022-04-28T18:16:19Z")

</div>

Hello,

Here is the problem.

Tap bar in Adalo’s previewer:  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/7/3/73cb1b0ff2a73076696b77ccccbd39c56dfe6aa8.png)

Tap bar in Safari (iOS) with the web app:  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/e/2/e27b1ecb91f4011dad9aa811ec5206f8538569c4.png)

How to fix it ?

---

<div class="post-metadata">

**Author:** ![bioveneris](https://avatars.discourse-cdn.com/v4/letter/b/4af34b/32.png) [@bioveneris](https://forum.adalo.com/u/bioveneris)\
**Post date:** [April 28, 2022, 6:23pm UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/2 "2022-04-28T18:23:52Z")

</div>

> How to fix it ?

To publish your app in Testflight will resolve this problem 😉

---

<div class="post-metadata">

**Author:** ![Nirvana](https://avatars.discourse-cdn.com/v4/letter/n/ee7513/32.png) [@Nirvana](https://forum.adalo.com/u/Nirvana)\
**Post date:** [April 28, 2022, 6:29pm UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/3 "2022-04-28T18:29:46Z")

</div>

Yes, the project may not be published on the store (Apple Policy), so the app could stay in web app 😕

---

<div class="post-metadata">

**Author:** ![bioveneris](https://avatars.discourse-cdn.com/v4/letter/b/4af34b/32.png) [@bioveneris](https://forum.adalo.com/u/bioveneris)\
**Post date:** [April 28, 2022, 7:50pm UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/4 "2022-04-28T19:50:33Z")

</div>

Can you explain the why you can’t publish in app store ?

---

<div class="post-metadata">

**Author:** ![Toddy](https://avatars.discourse-cdn.com/v4/letter/t/edb3f5/32.png) [@Toddy](https://forum.adalo.com/u/Toddy)\
**Post date:** [April 28, 2022, 8:10pm UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/5 "2022-04-28T20:10:10Z")

</div>

1. What’s going on with the gap on the right, in the screen shot of Adalo’s previewer? That’s strange.

2. I haven’t seen that issue with the browser before. hope it’s an easy fix.  
Although it shouldn’t be necessary for you to fix this (it should _just work_ ), have you tried creating an additional rectangular shape and combining merging it together with the menu… could be a temporary fix if you don’t get help / find a solution.

---

<div class="post-metadata">

**Author:** ![Yongki](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@Yongki](https://forum.adalo.com/u/Yongki)\
**Post date:** [April 28, 2022, 9:53pm UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/6 "2022-04-28T21:53:23Z")

</div>

To solve issue like this, we need to stand up by ourselves by doing something we can do with other components.

So tab bar can be replaced by group of icons and texts spread horizontally, along with rectangles if we really need it.

If we can’t wait for something that should happen in our hope, we can just use different way to do it, which may cost us multiple efforts and delays than what it should be, but at least they are within our assumption, waiting is depending for other people’s assumption.

So, just recreate tab bar from other components and group them and make it bottom, that would clear your mind for waiting.

---

<div class="post-metadata">

**Author:** ![Toddy](https://avatars.discourse-cdn.com/v4/letter/t/edb3f5/32.png) [@Toddy](https://forum.adalo.com/u/Toddy)\
**Post date:** [April 29, 2022, 5:07am UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/7 "2022-04-29T05:07:06Z")

</div>

ah yes, build your own. This is probably the best solution @Nirvana (Not add-to / merge, as I mentioned)

You may want to submit a ticket; just to let them know it’s broken for you.

---

<div class="post-metadata">

**Author:** ![Nirvana](https://avatars.discourse-cdn.com/v4/letter/n/ee7513/32.png) [@Nirvana](https://forum.adalo.com/u/Nirvana)\
**Post date:** [April 29, 2022, 6:50am UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/8 "2022-04-29T06:50:29Z")

</div>

The app deals with “nirvana” (not explicit content) but not sure Apple will like it.  
Release this summer.

---

<div class="post-metadata">

**Author:** ![Nirvana](https://avatars.discourse-cdn.com/v4/letter/n/ee7513/32.png) [@Nirvana](https://forum.adalo.com/u/Nirvana)\
**Post date:** [April 29, 2022, 6:56am UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/9 "2022-04-29T06:56:43Z")

</div>

Thanks for your reply. You’re right; doing it manually is the best way.

But I don’t think manually you can do the tranparency gray effect when you clic on a button.  
Do you ?

---

<div class="post-metadata">

**Author:** ![Yongki](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@Yongki](https://forum.adalo.com/u/Yongki)\
**Post date:** [April 29, 2022, 10:09pm UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/10 "2022-04-29T22:09:47Z")

</div>

If you mean active and inactive color, you can play with visibility.

Try reading older posts, I think @Flawless made an example related to this.

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [April 30, 2022, 8:35am UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/11 "2022-04-30T08:35:04Z")

</div>

Adding a nice clonable app that includes many different Custom Navigation Bars that Adalo created!

> **[Clone Custom Navigation to Jumpstart Your No Code App](https://www.adalo.com/cloneables/custom-navigation)**
>
> Much like Google Maps, our Navigation Kit will help take your navigation up a notch & users find exactly what they need quickly!

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\
**Post date:** [May 10, 2022, 8:35am UTC](https://forum.adalo.com/t/tap-bar-bug-in-safari/26589/12 "2022-05-10T08:35:28Z")

</div>

Closed on May 10, 2022, 8:35am UTC

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
