fix: add container to wrap title and drag handle, issue running-eleph…

…ant#1891
Cuiyansong · Aug 17, 2022 · 762e86d · 762e86d
1 parent 21609cf
commit 762e86d
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/...end/src/app/pages/DashBoardPage/pages/BoardEditor/components/LayerPanel/LayerTreeItem.tsx b/...end/src/app/pages/DashBoardPage/pages/BoardEditor/components/LayerPanel/LayerTreeItem.tsx
@@ -65,8 +65,10 @@ export const TreeItem: FC<{ node: LayerNode }> = memo(({ node }) => {
 
   return (
     <Item>
-      <h4 title={title as string}>{String(title) || 'untitled-widget'}</h4>
-      <WidgetDndHandleMask widgetId={widget?.id} canWrapped={canWrapped} />
+      <TitleBlock>
+        <h4 title={title as string}>{String(title) || 'untitled-widget'}</h4>
+        <WidgetDndHandleMask widgetId={widget?.id} canWrapped={canWrapped} />
+      </TitleBlock>
       <WidgetDropdownList
         widget={widget}
         buttonProps={{
@@ -101,3 +103,8 @@ const Item = styled.div`
     }
   }
 `;
+
+const TitleBlock = styled.div`
+  position: relative;
+  width: 100%;
+`;