# Determine the panel width or any elements actual width

**URL:** <https://forums.creativeclouddeveloper.com/t/determine-the-panel-width-or-any-elements-actual-width/1036>\
**Category:** UXP Plugin API\
**Tags:** ui, api-feedback\
**Created:** [July 14, 2019, 10:06am UTC](https://forums.creativeclouddeveloper.com/t/determine-the-panel-width-or-any-elements-actual-width/1036 "2019-07-14T10:06:07Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![simonwidjaja](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/simonwidjaja/32/18_2.png) [@simonwidjaja](https://forums.creativeclouddeveloper.com/u/simonwidjaja)\
**Post date:** [July 14, 2019, 10:06am UTC](https://forums.creativeclouddeveloper.com/t/determine-the-panel-width-or-any-elements-actual-width/1036/1 "2019-07-14T10:06:07Z")

</div>

Is there any solid way to determine the panel width or any DOM element’s actual width without window.getComputedStyle, element.clientHeight or element.getBoundingClientRect?

None of the following is returning something useful:

```
    console.log(document.documentElement.clientHeight);
    console.log(document.documentElement.offsetWidth);
    console.log(document.documentElement.scrollWidth);
    console.log(window.innerHeight);
    console.log(document.body.clientWidth);
    console.log(document.body.offsetWidth);
    console.log(el.offsetWidth);
    console.log(el.clientWidth);
    console.log(el.width);
    console.log(el.style.width);
    console.log(el.scrollWidth);
    console.log(el.getBoundingClientRect()); // always returns { _x: 0, _y: 0, _width: 0, _height: 0 }
    console.log(el.getClientRects);
    console.log(window.matchMedia);
    console.log(window.getComputedStyle);
    console.log(document.getComputedStyle);
    console.log(global.getComputedStyle);
```

---

<div class="post-metadata">

**Author:** ![stevekwak](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/stevekwak/32/48_2.png) [@stevekwak](https://forums.creativeclouddeveloper.com/u/stevekwak)\
**Post date:** [July 15, 2019, 2:43pm UTC](https://forums.creativeclouddeveloper.com/t/determine-the-panel-width-or-any-elements-actual-width/1036/2 "2019-07-15T14:43:55Z")

</div>

@kerrishotts can answer UXP related questions

---

<div class="post-metadata">

**Author:** ![simonwidjaja](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/simonwidjaja/32/18_2.png) [@simonwidjaja](https://forums.creativeclouddeveloper.com/u/simonwidjaja)\
**Post date:** [September 14, 2019, 9:01am UTC](https://forums.creativeclouddeveloper.com/t/determine-the-panel-width-or-any-elements-actual-width/1036/3 "2019-09-14T09:01:02Z")

</div>

Any news on this one? This is one of the biggest show stopper for my current plug in ☹

---

<div class="post-metadata">

**Author:** ![cpryland](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/cpryland/32/1172_2.png) [@cpryland](https://forums.creativeclouddeveloper.com/u/cpryland)\
**Post date:** [September 14, 2019, 2:40pm UTC](https://forums.creativeclouddeveloper.com/t/determine-the-panel-width-or-any-elements-actual-width/1036/4 "2019-09-14T14:40:00Z")

</div>

Would any of this help?

> [@Getting width/height of an element on the panel UI](http://forums.creativeclouddeveloper.com/t/getting-width-height-of-an-element-on-the-panel-ui/1230/1):
>
> Greetings everyone, I’ve been updating our plugins for panel-focused versions, but I’m having some trouble getting some element’s characteristics throught javascript. What I intend to do is get the width/height of a certain div inside the panel UI. After studying a log of said element, I’m failing to find anything that could give me anything related to width. The main objective is being able to check wether that element is larger than it was when previously checked. Thanks in advance +1

---

<div class="post-metadata">

**Author:** ![Velara](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/velara/32/1278_2.png) [@Velara](https://forums.creativeclouddeveloper.com/u/Velara)\
**Post date:** [October 14, 2019, 10:46pm UTC](https://forums.creativeclouddeveloper.com/t/determine-the-panel-width-or-any-elements-actual-width/1036/5 "2019-10-14T22:46:51Z")

</div>

**Note** :  
Changed this to a feature request for `window.getComputedStyle()`.

---

<div class="post-metadata">

**Author:** ![simonwidjaja](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/simonwidjaja/32/18_2.png) [@simonwidjaja](https://forums.creativeclouddeveloper.com/u/simonwidjaja)\
**Post date:** [July 1, 2020, 9:44am UTC](https://forums.creativeclouddeveloper.com/t/determine-the-panel-width-or-any-elements-actual-width/1036/6 "2020-07-01T09:44:02Z")

</div>

In my new plugin I would still/again need getComputedStyle().  
So still +1 for me for this feature request…