Semantic ui form select works in chrome but double values in firefox/edge

help
1

hi,

I have the issue that the form shows double values (the good value, and some other option of the select). Chrome is fine.

{{#each users}}
        {{> updateGroupsFormStep1}}
        {{/each}}

<template name="updateGroupsFormStep1">
<div class="ui dropdown group">
                        <input type="hidden" name="group" value="{{group}}">
                        <i class="dropdown icon"></i>
                        <div class="default text">{{group}}</div>
                        <div class="menu">
                            <div class="item" data-value="Consumer">Consumer</div>
                            <div class="item" data-value="Contributor">Contributor</div>                  
                        </div>
                    </div>

1041×97 4.33 KB

What could cause this issue?

In chrome it works fine

1104×89 3.75 KB

PS: the initial screen is fine, it only happens when you update the select. (I had the same issue with autoform)