Hallo!
In folgendem Beispiel entfernt ein Klick auf das Home-Icon die runden Ecken vom Header "DIRECTION" so lange das circlemenu offen ist. Ohne die Verwendung von <header> hab ich das Problem nicht.
<html>
<head>
<script src="ftui.js"></script>
<link href="ftui.css" rel="stylesheet">
<link href="themes/ftui-theme.css" rel="stylesheet">
<link href="favicon.ico" rel="icon" type="image/x-icon" />
<!-- avoid 300ms delay on click-->
<meta name="viewport" content="width=device-width">
<meta name="mobile-web-app-capable" content="yes">
<meta name="toast_position" content="topLeft">
<!-- verbose level 0-4 -->
<meta name="debug" content="0">
<title>Test</title>
</head>
<body>
<ftui-grid base-width="80" base-height="80" margin="5" shape="round">
<ftui-grid-tile row="4" col="10" height="1" width="2">
<header>DIRECTION</header>
<ftui-circlemenu direction="bottom-half" opacity="0.2">
<ftui-icon name="home"></ftui-icon>
<ftui-button-nice get="dummy1"></ftui-button-nice>
<ftui-button-nice get="dummy2"></ftui-button-nice>
<ftui-button-nice get="dummy3"></ftui-button-nice>
<ftui-button-nice get="ftuitest"></ftui-button-nice>
</ftui-circlemenu>
</ftui-grid-tile>
</ftui-grid>
</body>
</html>
Ist das noch jemanden aufgefallen oder kann es jemand reproduzieren?
Danke & LG
Tom