# Why are the box full highlighted

**URL:** <https://forum.babylonjs.com/t/why-are-the-box-full-highlighted/25884>\
**Category:** Questions\
**Created:** [December 8, 2021, 8:23am UTC](https://forum.babylonjs.com/t/why-are-the-box-full-highlighted/25884 "2021-12-08T08:23:33Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ZoeLeee](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/zoeleee/32/20340_2.png) [@ZoeLeee](https://forum.babylonjs.com/u/ZoeLeee)\
**Post date:** [December 8, 2021, 8:23am UTC](https://forum.babylonjs.com/t/why-are-the-box-full-highlighted/25884/1 "2021-12-08T08:23:34Z")

</div>

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/2/2/228d60a20caef990407cbfb2da07bf39888a081c.png)

I hope like this  
 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/8/2/828fa569a8ffe414d78f346bc3863cb96eb710bd.png)

I know the reason, but I don’t know why，  
[https://playground.babylonjs.com/#1KUJ0A#1436](https://playground.babylonjs.com/#1KUJ0A#1436)

---

<div class="post-metadata">

**Author:** ![Vinc3r](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/vinc3r/32/25340_2.png) [@Vinc3r](https://forum.babylonjs.com/u/Vinc3r)\
**Post date:** [December 8, 2021, 10:31am UTC](https://forum.babylonjs.com/t/why-are-the-box-full-highlighted/25884/2 "2021-12-08T10:31:02Z")

</div>

It looks like issue comes from the call of the AxesViewer (don’t know why though)

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [December 8, 2021, 10:39am UTC](https://forum.babylonjs.com/t/why-are-the-box-full-highlighted/25884/3 "2021-12-08T10:39:38Z")

</div>

Corrected with additional parameter - [https://playground.babylonjs.com/#1KUJ0A#1438](https://playground.babylonjs.com/#1KUJ0A#1438)  
`let av = new BABYLON.AxesViewer(scene, 3, 0)`  
the last 0 is responsible for that

---

<div class="post-metadata">

**Author:** ![ZoeLeee](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/zoeleee/32/20340_2.png) [@ZoeLeee](https://forum.babylonjs.com/u/ZoeLeee)\
**Post date:** [December 8, 2021, 11:59am UTC](https://forum.babylonjs.com/t/why-are-the-box-full-highlighted/25884/4 "2021-12-08T11:59:48Z")

</div>

Is it because of this？

> **[Transparent Rendering | Babylon.js Documentation](https://doc.babylonjs.com/divingDeeper/materials/advanced/transparent_rendering#rendering-groups)**
>
> Learn all about how transparency is handled in Babylon.js.

---

<div class="post-metadata">

**Author:** ![Vinc3r](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/vinc3r/32/25340_2.png) [@Vinc3r](https://forum.babylonjs.com/u/Vinc3r)\
**Post date:** [December 8, 2021, 12:46pm UTC](https://forum.babylonjs.com/t/why-are-the-box-full-highlighted/25884/5 "2021-12-08T12:46:52Z")

</div>

OK! @ZoeLeee , to know why the solution bring by @labris works, you can take a look on the constructor of the API: [AxesViewer | Babylon.js Documentation](https://doc.babylonjs.com/typedoc/classes/babylon.debug.axesviewer#constructor) , it’s about the renderingGroupId.

My guess is that by default, all meshes are on renderingGroupId 0, but axesViewer is on RG 2, and that’s why it messes up the highlight calculation (but I still don’t see technically why 😵)

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [December 8, 2021, 4:35pm UTC](https://forum.babylonjs.com/t/why-are-the-box-full-highlighted/25884/6 "2021-12-08T16:35:24Z")

</div>

Because the stencil and depth are cleared by default between Rendering groups 🙂