fix(logs): Prevent cell action menu clicks from toggling row visibility

Clicking "Copy to clipboard" (or any item) in the ellipsis dropdown
menu on a log row also toggled the row's expanded/collapsed state.

The dropdown menu renders in a React portal, but React propagates
synthetic events from portals through the component tree. The row's
onPointerUp handler checked isInsideButton(event.target) to skip
the toggle, but portal menu items render as <li role="menuitem">,
which didn't match the button check.

Add a DOM containment guard: verify the event target is actually
inside the row element before toggling. Portal-originating events
fail this check since their DOM is in a separate subtree.

Refs LOGS-638
Co-Authored-By: Claude Sonnet 4 <noreply@anthropic.com>

Made-with: Cursor

Author: JoshuaKGoldberg

static/app/views/explore/logs/tables/logsTableRow.spec.tsx

@@ -489,6 +489,55 @@ describe('logsTableRow', () => {
     expect(parsedData).not.toHaveProperty('sentry.item_id');
   });
 
+  it('does not toggle row when clicking cell action menu items', async () => {
+    const mockWriteText = jest.fn().mockResolvedValue(undefined);
+    Object.defineProperty(window.navigator, 'clipboard', {
+      value: {
+        writeText: mockWriteText,
+      },
+      writable: true,
+    });
+
+    render(
+      <ProviderWrapper>
+        <LogRowContent
+          dataRow={rowData}
+          highlightTerms={[]}
+          meta={LogFixtureMeta(rowData)}
+          sharedHoverTimeoutRef={
+            {
+              current: null,
+            } as React.MutableRefObject<NodeJS.Timeout | null>
+          }
+        />
+      </ProviderWrapper>,
+      {organization, initialRouterConfig}
+    );
+
+    const logTableRow = await screen.findByTestId('log-table-row');
+    await userEvent.click(logTableRow);
+
+    await waitFor(() => {
+      expect(rowDetailsMock).toHaveBeenCalledTimes(1);
+    });
+
+    // Row is expanded - verify details are visible
+    expect(await screen.findByRole('button', {name: 'Copy as JSON'})).toBeInTheDocument();
+
+    // Open the ellipsis context menu on a cell
+    const actionsButton = screen.getAllByRole('button', {name: 'Actions'})[0]!;
+    await userEvent.click(actionsButton);
+
+    // Click "Copy to clipboard" in the dropdown menu
+    const copyItem = await screen.findByRole('menuitemradio', {
+      name: 'Copy to clipboard',
+    });
+    await userEvent.click(copyItem);
+
+    // Row should still be expanded - the cell action should not toggle visibility
+    expect(screen.getByRole('button', {name: 'Copy as JSON'})).toBeInTheDocument();
+  });
+
   it('renders fields with data scrubbing meta information', async () => {
     const traceItemMock = MockApiClient.addMockResponse({
       url: `/projects/${organization.slug}/${project.slug}/trace-items/${rowDataWithScrubbedFields[OurLogKnownFieldKey.ID]}/`,

static/app/views/explore/logs/tables/logsTableRow.tsx

@@ -185,7 +185,13 @@ export const LogRowContent = memo(function LogRowContent({
 
   function onPointerUp(event: SyntheticEvent) {
     if (event.target instanceof Element && isInsideButton(event.target)) {
-      // do not expand the context menu if you clicked a button
+      return;
+    }
+    if (
+      event.target instanceof Node &&
+      event.currentTarget instanceof Node &&
+      !event.currentTarget.contains(event.target)
+    ) {
       return;
     }
     if (window.getSelection()?.toString() === '') {