Merge pull request #651 from code16/disable-state-dropdown-when-reordering

Disable state dropdown when reordering

Author: aguingand

resources/js/entity-list/components/EntityList.vue

@@ -736,7 +736,12 @@
                                                         <template v-if="field.type === 'state'">
                                                             <DropdownMenu>
                                                                 <DropdownMenuTrigger as-child>
-                                                                    <Button class="relative z-10 disabled:opacity-100 -mx-3 hover:bg-transparent aria-expanded:bg-transparent" variant="ghost" size="sm" :disabled="!entityList.instanceCanUpdateState(item)" :aria-label="__('sharp::entity_list.state_dropdown.aria_label', { current_state_label: entityList.instanceStateValue(item)?.label })">
+                                                                    <Button class="relative z-10 disabled:opacity-100 -mx-3 hover:bg-transparent aria-expanded:bg-transparent"
+                                                                        variant="ghost"
+                                                                        size="sm"
+                                                                        :disabled="!entityList.instanceCanUpdateState(item) || reordering || selecting"
+                                                                        :aria-label="__('sharp::entity_list.state_dropdown.aria_label', { current_state_label: entityList.instanceStateValue(item)?.label })"
+                                                                    >
                                                                         <StateBadge :state-value="entityList.instanceStateValue(item)">
                                                                             {{ entityList.instanceStateValue(item)?.label }}
                                                                         </StateBadge>
@@ -758,7 +763,7 @@
                                                         <template v-else-if="field.type === 'badge'">
                                                             <template v-if="entityList.instanceHasBadge(item, field)">
                                                                 <TooltipProvider>
-                                                                    <Tooltip :disabled="!field.tooltip" :delay-duration="0">
+                                                                    <Tooltip :disabled="!field.tooltip || reordering || selecting" :delay-duration="0">
                                                                         <TooltipTrigger as-child>
                                                                             <div :class="field.tooltip ? 'relative z-2' : ''">
                                                                                 <template v-if="field.tooltip">