# \[scrollView\] scrollView & grid error. (Layout cycle detected)

**URL:** <https://forum.babylonjs.com/t/scrollview-scrollview-grid-error-layout-cycle-detected/5811>\
**Category:** Questions\
**Tags:** gui\
**Created:** [September 23, 2019, 9:06am UTC](https://forum.babylonjs.com/t/scrollview-scrollview-grid-error-layout-cycle-detected/5811 "2019-09-23T09:06:40Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![nedcrow](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/nedcrow/32/2663_2.png) [@nedcrow](https://forum.babylonjs.com/u/nedcrow)\
**Post date:** [September 23, 2019, 9:06am UTC](https://forum.babylonjs.com/t/scrollview-scrollview-grid-error-layout-cycle-detected/5811/1 "2019-09-23T09:06:40Z")

</div>

I’m make a ScrollView.  
And use setInterval for auto scrolling.  
But, i saw error when time per interval.

this is log.

Layout cycle detected in GUI (Container name=undefined, uniqueId=359)

* * *

I like a show you on PG.  
But, i saw error about grid.

PG : [Babylon.js Playground](https://www.babylonjs-playground.com/#XBJS47)

Plz… (ㅠㅠ)

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [September 23, 2019, 3:54pm UTC](https://forum.babylonjs.com/t/scrollview-scrollview-grid-error-layout-cycle-detected/5811/2 "2019-09-23T15:54:31Z")

</div>

Hello your PG is too complex and I honestly don’t know what to do 🙂

Please simplify it and make sure that the error is visible when we run it

---

<div class="post-metadata">

**Author:** ![nedcrow](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/nedcrow/32/2663_2.png) [@nedcrow](https://forum.babylonjs.com/u/nedcrow)\
**Post date:** [September 24, 2019, 1:35am UTC](https://forum.babylonjs.com/t/scrollview-scrollview-grid-error-layout-cycle-detected/5811/3 "2019-09-24T01:35:40Z")

</div>

first, please look at this line 107.  
[https://www.babylonjs-playground.com/#XBJS47#1](https://www.babylonjs-playground.com/#XBJS47#1)  
why visible red line? what’s wrong there?  
that was possible on ‘visual studio code’. 😵

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [September 24, 2019, 3:09pm UTC](https://forum.babylonjs.com/t/scrollview-scrollview-grid-error-layout-cycle-detected/5811/4 "2019-09-24T15:09:15Z")

</div>

here we are:  
[https://www.babylonjs-playground.com/#XBJS47#3](https://www.babylonjs-playground.com/#XBJS47#3)

---

<div class="post-metadata">

**Author:** ![nedcrow](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/nedcrow/32/2663_2.png) [@nedcrow](https://forum.babylonjs.com/u/nedcrow)\
**Post date:** [September 25, 2019, 8:37am UTC](https://forum.babylonjs.com/t/scrollview-scrollview-grid-error-layout-cycle-detected/5811/5 "2019-09-25T08:37:41Z")

</div>

Thank you!  
I want show you important only.  
Maybe, that is line 31-59. [[https://www.babylonjs-playground.com/#XBJS47#3](https://www.babylonjs-playground.com/#XBJS47#3)]  
But I don’t know where the problem is. 😭

And, i’m playground code is 99.99% same copy (except ‘as any’ & class name.).  
ETC, big difference is my project has multi active scene(for world, for GUI).  
Next is total error log.

```
|console.<computed>|@|index.js:1|
|---|---|---|
|r|@|backend.js:6|
|./Misc/logger.ts.Logger._ErrorEnabled|@|babylon.js:106123|
|e._layout|@|babylon.gui.min.js:16|
|e._layout|@|babylon.gui.min.js:16|
|e._layout|@|babylon.gui.min.js:16|
|e._layout|@|babylon.gui.min.js:16|
|e._layout|@|babylon.gui.min.js:16|
|e._layout|@|babylon.gui.min.js:16|
|e._render|@|babylon.gui.min.js:16|
|e._checkUpdate|@|babylon.gui.min.js:16|
|(anonymous)|@|babylon.gui.min.js:16|
|./Misc/observable.ts.Observable.notifyObservers|@|babylon.js:106616|
|./scene.ts.Scene._renderForCamera|@|babylon.js:146813|
|./scene.ts.Scene._processSubCameras|@|babylon.js:146890|
|./scene.ts.Scene.render|@|babylon.js:147105|
|(anonymous)|@|index.tsx:104|
|./Engines/engine.ts.Engine._renderLoop|@|babylon.js:32396|
|requestAnimationFrame (async)|||
|./Misc/tools.ts.Tools.QueueNewFrame|@|babylon.js:110072|
|./Engines/engine.ts.Engine._renderLoop|@|babylon.js:32412|
|requestAnimationFrame (async)|||
|./Misc/tools.ts.Tools.QueueNewFrame|@|babylon.js:110072|
|./Engines/engine.ts.Engine._renderLoop|@|babylon.js:32412|

```

Plz help me~ 🙏

---

<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:** [September 25, 2019, 1:58pm UTC](https://forum.babylonjs.com/t/scrollview-scrollview-grid-error-layout-cycle-detected/5811/6 "2019-09-25T13:58:32Z")

</div>

I can not understand the error you are trying to highlight. A small repro of the error would definitely help and you ll have a fix in no time.

---

<div class="post-metadata">

**Author:** ![nedcrow](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/nedcrow/32/2663_2.png) [@nedcrow](https://forum.babylonjs.com/u/nedcrow)\
**Post date:** [September 26, 2019, 6:07am UTC](https://forum.babylonjs.com/t/scrollview-scrollview-grid-error-layout-cycle-detected/5811/7 "2019-09-26T06:07:04Z")

</div>

@sebavan  
After all, this question is connected with my other question.

[[[GroundMesh] How clear debuging error that 'ground mesh cloning'](https://forum.babylonjs.com/t/groundmesh-how-clear-debuging-error-that-ground-mesh-cloning/5863/2)]

I hope for constant attention. 🙏