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


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}}
<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>                  

What could cause this issue?

In chrome it works fine

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