# Audio menu being clipped

**URL:** <https://devforum.zoom.us/t/audio-menu-being-clipped/7449>\
**Category:** Web\
**Created:** [January 10, 2020, 6:11pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449 "2020-01-10T18:11:36Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![ansell](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ansell/32/13709_2.png) [@ansell](https://devforum.zoom.us/u/ansell)\
**Post date:** [January 10, 2020, 6:11pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/1 "2020-01-10T18:11:36Z")

</div>

**Description**  
Some of our users are experiencing an issue where the audio menu (next to the microphone icon) is clipped on the left side by the outer container. This does not happen for everyone and we have been unable to narrow down the exact configuration as other similar setups do not see the problem.

Environment:  
MacOS Catalina  
Chrome (latest version)

**Error**  
Audio menu is clipped

**Which version?**  
SDK version 1.6.1 or 1.7.0

**To Reproduce(If applicable)**  
Steps to reproduce the behavior:

1. Launch the Zoom Web SDK sample app
2. Join a meeting with “computer audio”
3. Select the menu next to the microphone icon
4. The menu is aligned too close to the left of the container and is partially cut off

**Screenshots**

 ![Screen Shot 2020-01-10 at 10.09.06 AM](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/8/8530e551a68f6037c847e5ef39bb9d5a885dfa30.png)

**Smartphone (please complete the following information):**  
n/a

**Additional context**  
This happens in our integration as well as in the sample app.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 10, 2020, 9:08pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/2 "2020-01-10T21:08:12Z")

</div>

Thanks @ansell for sharing this.

@JackYang can you take a look?

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![ansell](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ansell/32/13709_2.png) [@ansell](https://devforum.zoom.us/u/ansell)\
**Post date:** [January 16, 2020, 5:13pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/4 "2020-01-16T17:13:35Z")

</div>

Any update on this? We have a couple of people for whom this is happening. Unfortunately, there is nothing particularly unique about their setup and they are at remote sites so I am unable to investigate the layout issues directly.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 16, 2020, 7:57pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/5 "2020-01-16T19:57:51Z")

</div>

Hey @ansell,

We are currently investigating to see why this might be happening (ZOOM-133716).

This could possibly be related to a smaller screen size then what is optimal with the Web SDK.

I will keep you in the loop.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![nilesh.bunde](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/nilesh.bunde/32/2739_2.png) [@nilesh.bunde](https://devforum.zoom.us/u/nilesh.bunde)\
**Post date:** [January 20, 2020, 6:54am UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/6 "2020-01-20T06:54:43Z")

</div>

@ansell, we were facing the same issue earlier, later on we replaced the CSS which comes with SDK with the CSS present on CDN and the issue went away.

Adding the CDN links here for your reference  
[Importing CSS through CDN](https://marketplace.zoom.us/docs/sdk/native-sdks/web/getting-started/integrate#cdn)

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 21, 2020, 4:55pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/7 "2020-01-21T16:55:43Z")

</div>

Thanks for your help @nilesh.bunde!

@ansell let us know if this solution works!

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![ansell](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ansell/32/13709_2.png) [@ansell](https://devforum.zoom.us/u/ansell)\
**Post date:** [January 21, 2020, 6:18pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/8 "2020-01-21T18:18:37Z")

</div>

Unfortunately, we are using the SDK via the CDN so I don’t think this is the solution for us.

Also, one of the people who was able to reproduce this did so on a stock sample code hosted on one of our machines.

[https://auth.p2ux.com/zoomtest/](https://auth.p2ux.com/zoomtest/)

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 21, 2020, 7:20pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/9 "2020-01-21T19:20:39Z")

</div>

Hey @ansell,

The suggested solution is with the CDN method.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![ansell](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ansell/32/13709_2.png) [@ansell](https://devforum.zoom.us/u/ansell)\
**Post date:** [January 21, 2020, 10:10pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/10 "2020-01-21T22:10:35Z")

</div>

Sorry, to clarify, the example code is hosted on one of our machines. It’s the CDN version of the sample code so the SDK and supporting files (including CSS) is coming from the CDN. You an inspect the content at the link in my previous message.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 21, 2020, 10:13pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/11 "2020-01-21T22:13:04Z")

</div>

Thanks for the clarification @ansell,

We are working to fix the issue.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![meetmatt](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/meetmatt/32/16401_2.png) [@meetmatt](https://devforum.zoom.us/u/meetmatt)\
**Post date:** [July 28, 2021, 7:28am UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/12 "2021-07-28T07:28:34Z")

</div>

Hi Tommy any update on this coz im facing the same issue using updated version

---

<div class="post-metadata">

**Author:** ![will.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/will.zoom/32/14417_2.png) [@will.zoom](https://devforum.zoom.us/u/will.zoom)\
**Post date:** [July 29, 2021, 6:18pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/13 "2021-07-29T18:18:49Z")

</div>

Hi @meetmatt,

If you’re still seeing issues with this when using the Web SDK, please start a new thread here: #web-client-sdk

Thanks!  
Will

---

<div class="post-metadata">

**Author:** ![will.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/will.zoom/32/14417_2.png) [@will.zoom](https://devforum.zoom.us/u/will.zoom)\
**Post date:** [July 29, 2021, 6:18pm UTC](https://devforum.zoom.us/t/audio-menu-being-clipped/7449/14 "2021-07-29T18:18:53Z")

</div>

Closed on July 29, 2021, 6:18pm UTC


