Version 5.0.13

applications/convert/data/theme.xml

@@ -13,13 +13,17 @@
             <input type="hidden" value="0" name="{$name}[{$id}]" />
             <p class='i-text-align_center'>{$cReaction['title']|raw}</p>
             <div>
-                <a href='#elReactionMapper{$id}_menu' id='elReactionMapper{$id}' class='ipsButton ipsButton--secondary ipsButton--small ipsButton--wide' data-ipsMenu><span class="elMenuSelect_replace">{lang="convert_reaction_choose"}</span> &nbsp;<i class='fa-solid fa-caret-down'></i></a>
+                <button type="button" id="elReactionMapper{$id}" popovertarget="elReactionMapper{$id}_menu" class='ipsButton ipsButton--secondary ipsButton--small ipsButton--wide'><span class="elMenuSelect_replace">{lang="convert_reaction_choose"}</span><i class='fa-solid fa-caret-down'></i></button>
             </div>
-            <ul id='elReactionMapper{$id}_menu' role='menu' class='ipsMenu ipsMenu_auto ipsMenu_withStem ipsHide'>
-                {{foreach $ipsReactions as $reactionId => $reaction}}
-                <li class='ipsMenu_item'><a role='menuitem' href='#' data-id="{$reactionId}" {{if(isset($value[$id]) aND $value[$id] ==$reactionId)}}data-default="true"{{endif}}>{{if( !empty( $reaction ))}}<img src="{$reaction}" alt="" class="cReactionSmall"/> {{endif}}{$descriptions[ $reactionId ]}</a></li>
-                {{endforeach}}
-            </ul>
+            <i-dropdown popover id="elReactionMapper{$id}_menu">
+                <div class="iDropdown">
+                    <ul class="iDropdown__items" role='menu'>
+                        {{foreach $ipsReactions as $reactionId => $reaction}}
+                            <li><button type="button" data-action="selectReaction" role='menuitem' data-id="{$reactionId}" {{if(isset($value[$id]) AND $value[$id] ==$reactionId)}}data-default="true"{{endif}}>{{if( !empty( $reaction ))}}<img src="{$reaction}" alt="" class="cReactionSmall"/> {{endif}}{$descriptions[ $reactionId ]}</button></li>
+                        {{endforeach}}
+                    </ul>
+                </div>
+            </i-dropdown>
         </div>
 	</div>
 	{{endforeach}}