# Navigating to home page, makes my circles disappear 

**URL:** https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688
**Category:** General
**Created:** [July 8, 2016, 5:51pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688 "2016-07-08T17:51:34Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![asaxionis](https://avatars.discourse-cdn.com/v4/letter/a/4491bb/32.png) [@asaxionis](https://forums.fusetools.com/u/asaxionis)
#### Post date: [July 8, 2016, 5:51pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/1 "2016-07-08T17:51:34Z")

</div>

Well I have an each command that displays the circles and when I navigate away from the home page and back to it, the circles dissappear. I am able to drag the blue circle in the corner for it to reappear but that shouldn’t be happening. Here’s a video of it.

[https://youtu.be/3hWc0KxcPIs](https://youtu.be/3hWc0KxcPIs)

and the code:

```auto

<Panel ux:Class="HomePage">
    <Router ux:Dependency="router" />
    <JavaScript File="Test.js" />

    <Panel>
        <LinearNavigation ux:Name="navigation">
            <NavigationMotion GotoEasing="QuadraticOut" GotoDuration=".5" />
        </LinearNavigation>
        <SwipeNavigate SwipeDirection="Left" />

        <Each Count="9">
            <Media />
        </Each>

    </Panel>

    <Panel ux:Class="Media" ux:Name="self" Opacity="0.4">

            <ActivatingAnimation>
                <Change self.Opacity="1" Duration="0.5" />
            </ActivatingAnimation>

            <EnteringAnimation>
                   <Move X="-.88" RelativeTo="ParentSize" Duration="0.5" />
            </EnteringAnimation>
            <ExitingAnimation>
                <Move X=".88" RelativeTo="ParentSize" Duration="0.5"/>
            </ExitingAnimation>

            <SwipeGesture ux:Name="swipeUp" Direction="Up" Type="Active" />

            <SwipingAnimation Source="swipeUp">
                <Move Target="topLayer" Y="-.3" RelativeTo="Size" Duration="2.8" />
                <Scale Target="MainMedia" Factor="0.8" Easing="QuadraticInOut" Duration="2.9"/>

                <EnteringAnimation>
                </EnteringAnimation>

            </SwipingAnimation>

            <WhileInactive Threshold="0.2">
                <SetSwipeActive Target="swipeUp" Value="false" />
            </WhileInactive>

        <Panel ux:Name="topLayer" >
             <Circle ux:Name="ProfilePic" Color="Blue" Layer="Overlay" Height="16.5%" Width="16.5%" Opacity="1" Alignment="Left" X="8%" Y="12.5%">
             <Stroke Color="Black" Width="1.4" />
                 <DropShadow Distance="1.5" Spread=".3" />
            </Circle>
            <Circle Height="70%" Width="70%" Layer="Overlay" X="15.5%" ux:Name="MainMedia" Y="15%" Color="Purple" />
            <Rectangle Width="100%" Color="Red" Layer="Background" Opacity="0" Height="50%" />

        </Panel>

        <Panel ux:Name="botLayer">
        </Panel>

    </Panel>
    <Panel Color="Yellow" Height="12%" Alignment="Top">
    </Panel>

    <Panel Color="Yellow" Height="12%" Alignment="Bottom">
    </Panel>

</Panel>

```

& the navigation

```auto

<DockPanel>
            <Panel Height="12%" Dock="Bottom">
                <StackPanel Orientation="Horizontal">
                    <Button Text="Home" Clicked="{navHome}"/>
                    <Button Text="Alerts" Clicked="{navAlerts}"/>
                    <Button Text="Profile" Clicked="{navProfile}"/>
                </StackPanel>
            </Panel>
    </DockPanel>

```

```auto
var Observable = require('FuseJS/Observable');

function navHome() {
    router.goto("Home");
}

function navAlerts() {
    router.goto("Alerts");
}
function navProfile() {
    router.goto("Profile");
}

module.exports = {

    navHome:navHome,
    navAlerts:navAlerts,
    navProfile:navProfile

};

```

---

<div class="post-metadata">

### Author: ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)
#### Post date: [July 8, 2016, 6:00pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/2 "2016-07-08T18:00:26Z")

</div>

Hi,

Try to remove the empty `EnteringAnimation` inside your `SwipingAnimation` (what is it doing there?) and see if that helps.

---

<div class="post-metadata">

### Author: ![asaxionis](https://avatars.discourse-cdn.com/v4/letter/a/4491bb/32.png) [@asaxionis](https://forums.fusetools.com/u/asaxionis)
#### Post date: [July 8, 2016, 6:06pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/3 "2016-07-08T18:06:38Z")

</div>

That did not work unfortunately, when I move to a new page and go back it continues to do the same problem, I have that there because it allows my old circle to move, this is based off the example [https://www.fusetools.com/examples/swipe-gesture-reveal](https://www.fusetools.com/examples/swipe-gesture-reveal)

---

<div class="post-metadata">

### Author: ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)
#### Post date: [July 8, 2016, 6:13pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/4 "2016-07-08T18:13:21Z")

</div>

I can’t find anything wrong with your code. There might be something outside the code you have pasted. It would also help to see what you mean by _"I am able to drag the blue circle in the corner for it to reappear "_

---

<div class="post-metadata">

### Author: ![asaxionis](https://avatars.discourse-cdn.com/v4/letter/a/4491bb/32.png) [@asaxionis](https://forums.fusetools.com/u/asaxionis)
#### Post date: [July 8, 2016, 6:39pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/5 "2016-07-08T18:39:49Z")

</div>

What I think is occurring is when I leave the page, the circle is moving because of the editing animation and I think it’s the navigator triggering it. Unfortunately I can’t produce another video as I am on mobile at the moment. But what I mean is if you watch the video you can see a blue circle in the top right corner where the next circle is from the each and if I swipe from there I can see the circles again. So I think the issue has to do with the move being triggered by navigator. But there is no other code. I had done this in a separate file and then transferred it to my main project

---

<div class="post-metadata">

### Author: ![asaxionis](https://avatars.discourse-cdn.com/v4/letter/a/4491bb/32.png) [@asaxionis](https://forums.fusetools.com/u/asaxionis)
#### Post date: [July 9, 2016, 5:46pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/6 "2016-07-09T17:46:37Z")

</div>

> **Anders Lassen wrote:**
> 
> I can’t find anything wrong with your code. There might be something outside the code you have pasted. It would also help to see what you mean by _"I am able to drag the blue circle in the corner for it to reappear "_

I have updated the video with what you wanted to see for the blue circle

[https://youtu.be/3hWc0KxcPIs](https://youtu.be/3hWc0KxcPIs)

---

<div class="post-metadata">

### Author: ![asaxionis](https://avatars.discourse-cdn.com/v4/letter/a/4491bb/32.png) [@asaxionis](https://forums.fusetools.com/u/asaxionis)
#### Post date: [July 11, 2016, 6:22pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/7 "2016-07-11T18:22:54Z")

</div>

So after doing some testing, it seems this is being causeed by the exiting animation, any ideas on why this may be occuring? I think it has to do with the router, and the app thinking that it is techinically “exiting” because the pages are changing.

---

<div class="post-metadata">

### Author: ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)
#### Post date: [July 22, 2016, 8:45am UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/8 "2016-07-22T08:45:30Z")

</div>

Hi,

No idea, but it is an interesting bug. If you upload your test case somewhere, we can take a quick look.

E.g. drop here to upload to Fuse support: [https://www.dropbox.com/request/ZgndLtJQm5eGzG9cicGK](https://www.dropbox.com/request/ZgndLtJQm5eGzG9cicGK)

---

<div class="post-metadata">

### Author: ![asaxionis](https://avatars.discourse-cdn.com/v4/letter/a/4491bb/32.png) [@asaxionis](https://forums.fusetools.com/u/asaxionis)
#### Post date: [July 28, 2016, 5:39pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/9 "2016-07-28T17:39:11Z")

</div>

I’ve submitted the test case any news on this?

---

<div class="post-metadata">

### Author: ![asaxionis](https://avatars.discourse-cdn.com/v4/letter/a/4491bb/32.png) [@asaxionis](https://forums.fusetools.com/u/asaxionis)
#### Post date: [August 12, 2016, 12:15pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/10 "2016-08-12T12:15:11Z")

</div>

Any news on this, i’ve submitted a test-case a few weeks ago, just checking 🙂

---

<div class="post-metadata">

### Author: ![Jake\_Taylor](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/jake_taylor/32/512_2.png) [@Jake\_Taylor](https://forums.fusetools.com/u/Jake_Taylor)
#### Post date: [August 16, 2016, 2:55pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/11 "2016-08-16T14:55:52Z")

</div>

Haven’t had a chance to take a look, but I’ll make a ticket on it internally.

---

<div class="post-metadata">

### Author: ![Vegard\_Strand\_Lende](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/vegard_strand_lende/32/349_2.png) [@Vegard\_Strand\_Lende](https://forums.fusetools.com/u/Vegard_Strand_Lende)
#### Post date: [August 16, 2016, 3:13pm UTC](https://forums.fusetools.com/t/navigating-to-home-page-makes-my-circles-disappear/3688/12 "2016-08-16T15:13:16Z")

</div>

Hi!

We have located the soruce of the error. The `<Each />` is not working after the first time it has been evaluated in your case. You can remove it as a workaround.

I dont have an ETA for you yet. But thanks for bumping the thread 🙂
