# Screen sharing issue component layout websdk 2.17

**URL:** <https://devforum.zoom.us/t/screen-sharing-issue-component-layout-websdk-2-17/98901>\
**Category:** Web\
**Created:** [November 23, 2023, 6:05am UTC](https://devforum.zoom.us/t/screen-sharing-issue-component-layout-websdk-2-17/98901 "2023-11-23T06:05:09Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![arnab](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/arnab/32/50828_2.png) [@arnab](https://devforum.zoom.us/u/arnab)\
**Post date:** [November 23, 2023, 6:05am UTC](https://devforum.zoom.us/t/screen-sharing-issue-component-layout-websdk-2-17/98901/1 "2023-11-23T06:05:09Z")

</div>

If host sharing his/her screen, participants experiencing the design issue below:

 ![after screenshare zoom](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/8/d/8d5847d89202aa787b0ab36bb806b25c58aa49d4.png)

The entire component view layout breaks down if presenter sharing screen but before screen sharing, the same layout working fine as below:

 ![before screen share](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/8/f/8f60b58f7895f878bb1267a16fa2c5326cf6412c.png)

I need the solution asap. Any help would be appreciated.

---

<div class="post-metadata">

**Author:** ![parikshit](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/parikshit/32/54189_2.png) [@parikshit](https://devforum.zoom.us/u/parikshit)\
**Post date:** [November 23, 2023, 9:53am UTC](https://devforum.zoom.us/t/screen-sharing-issue-component-layout-websdk-2-17/98901/3 "2023-11-23T09:53:31Z")

</div>

> [@arnab](#):
>
> The entire component view layout breaks down if presenter sharing screen but before screen sharing, the same layout working fine as below:

Same issue facing when I am implementing component view in my React Project. No proper documentation found for this issue. Please help me as soon as possible.

---

<div class="post-metadata">

**Author:** ![arnab](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/arnab/32/50828_2.png) [@arnab](https://devforum.zoom.us/u/arnab)\
**Post date:** [November 23, 2023, 9:55am UTC](https://devforum.zoom.us/t/screen-sharing-issue-component-layout-websdk-2-17/98901/4 "2023-11-23T09:55:42Z")

</div>

@chunsiong.zoom @chloe3 @donte.zoom @elisa.zoom Waiting for solution on this as many people facing the same issue

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [November 23, 2023, 2:18pm UTC](https://devforum.zoom.us/t/screen-sharing-issue-component-layout-websdk-2-17/98901/5 "2023-11-23T14:18:13Z")

</div>

@arnab , @parikshit , @Jason11

Thanks for reporting this, what version of the SDK are using? I see version 2.17 in the title, is that what everyone is using?

---

<div class="post-metadata">

**Author:** ![arnab](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/arnab/32/50828_2.png) [@arnab](https://devforum.zoom.us/u/arnab)\
**Post date:** [November 24, 2023, 5:07am UTC](https://devforum.zoom.us/t/screen-sharing-issue-component-layout-websdk-2-17/98901/6 "2023-11-24T05:07:36Z")

</div>

Yes it is. Please let me know if this issue still persists in component layout or not.

---

<div class="post-metadata">

**Author:** ![arnab](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/arnab/32/50828_2.png) [@arnab](https://devforum.zoom.us/u/arnab)\
**Post date:** [November 24, 2023, 7:42am UTC](https://devforum.zoom.us/t/screen-sharing-issue-component-layout-websdk-2-17/98901/7 "2023-11-24T07:42:38Z")

</div>

@donte.zoom Any solution on this? or this issue still persists in your end ?

---

<div class="post-metadata">

**Author:** ![parikshit](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/parikshit/32/54189_2.png) [@parikshit](https://devforum.zoom.us/u/parikshit)\
**Post date:** [November 24, 2023, 1:06pm UTC](https://devforum.zoom.us/t/screen-sharing-issue-component-layout-websdk-2-17/98901/8 "2023-11-24T13:06:38Z")

</div>

@donte.zoom Yes I am also using the version websdk 2.17.0 facing same issue in component view in react js. Provide me a useful knowledge on a immediate basis

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [November 27, 2023, 4:24pm UTC](https://devforum.zoom.us/t/screen-sharing-issue-component-layout-websdk-2-17/98901/9 "2023-11-27T16:24:04Z")

</div>

@arnab @Jason11 @parikshit

Sorry, I did not get back to you sooner. Could you tell me when this problem first started? Did it happen after an upgrade? If so, from which SDK version did you upgrade? From the provided information, this appears to be a CSS issue. First, I suggest inspecting the elements to see which style is being overwritten when screen sharing begins. This will help identify the potential CSS conflict. In the meantime, I’ve linked the Zoom Meeting SDK component view `Positioning` support document for your reference.

# Positioning

> **[Meeting SDK - web - component view - Positioning](https://developers.zoom.us/docs/meeting-sdk/web/component-view/positioning/)**
>
> The Zoom Developer Platform is an open platform that allows third-party developers to build applications and integrations upon Zoom’s video-first unified communications platform.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [December 28, 2023, 2:24am UTC](https://devforum.zoom.us/t/screen-sharing-issue-component-layout-websdk-2-17/98901/10 "2023-12-28T02:24:28Z")

</div>

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