[FTUI3] circlemenu hält ftui-segment im vordergrund

Begonnen von tamash, 27 Oktober 2023, 13:30:05

Vorheriges Thema - Nächstes Thema

tamash

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