Hi!
Ich kämpfe gerade mit dem circlemenu und bin mir nicht sicher ob ich hier bugs finde oder ob ich irgendetwas grundlegendes falsch machen.
Z.B. ist mir aufgefallen dass, wenn ftui-circlemenu im Quelltext (.html) vor ftui-segment kommt alle Elemente des ftui-segment im Vordergrund (aktiv, klickbar) bleiben obwohl das circlemenu geöffnet ist.
In diesem Beispiel bleiben bei mir alle Element von ftui-segment aktiv aber die eine ftui-switch definition nicht:
<ftui-grid base-width="80" base-height="80" margin="5" shape="round">
<ftui-grid-tile row="1" col="1" height="1" width="2" id="karli" >
<ftui-circlemenu keep-open>
<ftui-icon name="home"></ftui-icon>
<ftui-button></ftui-button>
<ftui-button></ftui-button>
<ftui-button></ftui-button>
</ftui-circlemenu>
</ftui-grid-tile>
<ftui-grid-tile row="1" col="3" height="2" width="7">
<header>Homestatus</header>
<ftui-row>
<ftui-segment id="homestatus1" [(value)]="dummy">
<ftui-segment-button value="home">
<ftui-icon name="home"></ftui-icon>
</ftui-segment-button>
<ftui-segment-button value="asleep">
<ftui-icon name="bed"></ftui-icon>
</ftui-segment-button>
<ftui-segment-button value="absent">
<ftui-icon name="road"></ftui-icon>
</ftui-segment-button>
<ftui-segment-button value="gone">
<ftui-icon name="plane"></ftui-icon>
</ftui-segment-button>
</ftui-segment>
</ftui-row>
<ftui-row>
<ftui-column>
<ftui-switch>
</ftui-switch>
</ftui-column>
</ftui-row>
</ftui-grid-tile>
</ftui-grid>
Ändert man allerdings die Reihenfolge im Quelltext besteht dieses Problem nicht.
Hier rückt alles (wie gedacht) in den Hintergrund ist nicht klickbar sobald/solange das circlemenu geöffnet ist:
<ftui-grid base-width="80" base-height="80" margin="5" shape="round">
<ftui-grid-tile row="1" col="3" height="2" width="7">
<header>Homestatus</header>
<ftui-row>
<ftui-segment id="homestatus1" [(value)]="dummy">
<ftui-segment-button value="home">
<ftui-icon name="home"></ftui-icon>
</ftui-segment-button>
<ftui-segment-button value="asleep">
<ftui-icon name="bed"></ftui-icon>
</ftui-segment-button>
<ftui-segment-button value="absent">
<ftui-icon name="road"></ftui-icon>
</ftui-segment-button>
<ftui-segment-button value="gone">
<ftui-icon name="plane"></ftui-icon>
</ftui-segment-button>
</ftui-segment>
</ftui-row>
<ftui-row>
<ftui-column>
<ftui-switch>
</ftui-switch>
</ftui-column>
</ftui-row>
</ftui-grid-tile>
<ftui-grid-tile row="1" col="1" height="1" width="2" id="karli" >
<ftui-circlemenu keep-open>
<ftui-icon name="home"></ftui-icon>
<ftui-button></ftui-button>
<ftui-button></ftui-button>
<ftui-button></ftui-button>
</ftui-circlemenu>
</ftui-grid-tile>
</ftui-grid>
Jetzt frag ich mich hier irgendetwas falsche mache oder ob es sich vll. um einen Bug handelt.
LG
Tom