fix(issue-views): Fix buggy dragging

static/app/components/nav/issueViews/issueViewNavItemContent.tsx

@@ -42,11 +42,19 @@ export interface IssueViewNavItemContentProps {
    * Whether the item is active.
    */
   isActive: boolean;
+  /**
+   * Whether an item is being dragged.
+   */
+  isDragging: boolean;
   /**
    * Whether the item is the last view in the list.
    * This will be removed once view sharing/starring is implemented.
    */
   isLastView: boolean;
+  /**
+   * A callback function that updates the isDragging state.
+   */
+  setIsDragging: (isDragging: boolean) => void;
   /**
    * A callback function that updates the view with new params.
    */
@@ -62,7 +70,6 @@ export interface IssueViewNavItemContentProps {
    */
   sectionRef?: React.RefObject<HTMLDivElement>;
 }
-
 export function IssueViewNavItemContent({
   view,
   sectionRef,
@@ -71,14 +78,15 @@ export function IssueViewNavItemContent({
   deleteView,
   duplicateView,
   isLastView,
+  isDragging,
+  setIsDragging,
 }: IssueViewNavItemContentProps) {
   const organization = useOrganization();
   const location = useLocation();
   const navigate = useNavigate();
 
   const baseUrl = `/organizations/${organization.slug}/issues`;
   const [isEditing, setIsEditing] = useState(false);
-  const [isDragging, setIsDragging] = useState(false);
 
   const {projects} = useProjects();
 
@@ -130,8 +138,13 @@ export function IssueViewNavItemContent({
         setIsDragging(false);
         endInteraction();
       }}
+      layoutId={`${view.id}`}
       style={{
-        originY: '0px',
+        ...(isDragging
+          ? {}
+          : {
+              originY: '0px',
+            }),
       }}
     >
       <StyledSecondaryNavItem

static/app/components/nav/issueViews/issueViewNavItems.tsx

@@ -35,6 +35,7 @@ export function IssueViewNavItems({
   const queryParams = location.query;
 
   const [views, setViews] = useState<IssueView[]>(loadedViews);
+  const [isDragging, setIsDragging] = useState(false);
 
   // If the `viewId` (from `/issues/views/:viewId`) is not found in the views array,
   // then redirect to the "All Issues" page
@@ -225,6 +226,8 @@ export function IssueViewNavItems({
             view={view}
             sectionRef={sectionRef}
             isActive={view.id === viewId}
+            isDragging={isDragging}
+            setIsDragging={setIsDragging}
             updateView={updatedView => handleUpdateView(view, updatedView)}
             deleteView={() => handleDeleteView(view)}
             duplicateView={() => handleDuplicateView(view)}