# Modules have hidden wrapper that does not update it's style

**URL:** <https://community.thunkable.com/t/modules-have-hidden-wrapper-that-does-not-update-its-style/3203641>\
**Category:** Issues / Bugs\
**Created:** [September 15, 2024, 8:21am UTC](https://community.thunkable.com/t/modules-have-hidden-wrapper-that-does-not-update-its-style/3203641 "2024-09-15T08:21:11Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [September 15, 2024, 8:21am UTC](https://community.thunkable.com/t/modules-have-hidden-wrapper-that-does-not-update-its-style/3203641/1 "2024-09-15T08:21:11Z")

</div>

Hello everyone I have noticed a bug that whenever i try to change any styles in a module such as width, height or visibility it does not change properly this is because I found that modules have a hidden wrapper that doesn’t change accordingly.

Simple structure: wrapper \> group 1.

To better explain group1 changes it’s properties but not the wrapper, this causes the module to not change styles properly:

 ![Screenshot 2024-09-15 101245](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/1/915afb7fc96ac17fe3ac738a7711677113d0542c.png)  
 ![Screenshot 2024-09-15 101256](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/0/d092e71b767740f7acfd7684bd27fc9d7c93ba51.png)

I have tried this with all properties such as height, width, visibility and X/Y coordinates.

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [September 16, 2024, 8:10pm UTC](https://community.thunkable.com/t/modules-have-hidden-wrapper-that-does-not-update-its-style/3203641/2 "2024-09-16T20:10:57Z")

</div>

@sketch Can you share the URL for the module itself or for the project you’re working on? From the looks of the screenshot, this is an imported module, correct?

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [September 17, 2024, 6:32am UTC](https://community.thunkable.com/t/modules-have-hidden-wrapper-that-does-not-update-its-style/3203641/3 "2024-09-17T06:32:30Z")

</div>

Hello @matt_conroy that’s correct!

Here is a link to the project: [Thunkable](https://x.thunkable.com/projectPage/66e15450cf696af579b7caaf)  
And a link to the modules:  
[Thunkable](https://x.thunkable.com/module/66e150a4b65e1c34722d4596/)  
[Thunkable](https://x.thunkable.com/module/66bcb8c35969ac7509eca98f/)  
[Thunkable](https://x.thunkable.com/module/66bda9468b92252078174df8/)

The issue appears on Home and Demo.

On home:  
To reproduce: Press “Search Docs” button on the home screen, then a drawer menu opens from there you can see the height/width.  
Now close the drawer and try to select list items that were behind the drawer.  
You can’t click or interact with them due to the “wrapper”.

On Demo:

Tree structure:  
Keyboard Events;  
Mouse Events;  
Searchable Menu;

To reproduce:  
Searchable menu: same as on Home  
Mouse Events: set to visible and keyboard events to invisible, you can see keyboard events still overlaps it even tho it’s set to invisible or it’s width/height set to 0

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [September 18, 2024, 5:34pm UTC](https://community.thunkable.com/t/modules-have-hidden-wrapper-that-does-not-update-its-style/3203641/4 "2024-09-18T17:34:11Z")

</div>

Hi @matt_conroy i found a temporary fix for this issue, placing the module in a group and editing the groups it’s properties seems to solve most issues such as modules not going invisible, however width/height or positions still don’t seem to work when using this method.