Skip to content

Conversation

@redmonkez12
Copy link
Contributor

@redmonkez12 redmonkez12 commented Oct 6, 2025

Description of changes

Adds markdown support to the description field with improved preview and editing UX.

Key Features

  • Preview on hover: Hover a cell for 500 ms to see a rendered markdown preview
  • Lock preview on click: Click the cell to lock the preview and interact with the dialog
  • Direct edit on double-click: Double-click the cell to open the description in edit mode

Markdown Editing (Shortcuts)

There’s no dedicated markdown action tab; manage formatting via keyboard shortcuts:

  • Ctrl + D → Code block
  • Ctrl + O → Ordered list
  • Ctrl + L → Unordered list
  • Ctrl + B → Bold
  • Ctrl + I → Italic
  • Ctrl + U → Underline
  • Ctrl + H → Header

How to Test

  1. Hover a description cell for ~500 ms → preview appears
  2. Click the cell → preview stays locked; dialog is interactive
  3. Double-click the cell → switches to edit mode
  4. In edit mode, use the shortcuts above and confirm the markdown renders in preview
  5. Exit edit mode and verify hover/lock behaviors still work

Notes

  • No markdown “Actions” tab by design; shortcuts cover the most common formatting needs.
Screen.Recording.2025-10-06.at.16.01.34.mov
Screen.Recording.2025-10-06.at.16.02.00.mov

@redmonkez12 redmonkez12 self-assigned this Oct 6, 2025
@redmonkez12 redmonkez12 added the type: enhancement Improvement of existing functionality or minor addition label Oct 6, 2025
@redmonkez12 redmonkez12 linked an issue Oct 6, 2025 that may be closed by this pull request
Copy link
Member

@Innders Innders left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

</StyledPopUp>
</StyledBackdrop>
) : (
<StyledPopUp
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@redmonkez12 redmonkez12 changed the title feat(table): Update description Description: Improved string fields in the table Oct 6, 2025
@redmonkez12 redmonkez12 requested a review from Innders October 7, 2025 17:30
@Innders Innders removed the request for review from martastain October 8, 2025 06:40
Copy link
Member

@Innders Innders left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Block global shortcuts when editing with block-shortcuts className. Currently if you type m+m it will jump to the marketplace.
  • ctrl/cmd + v does not work for pasting.
  • ctrl/cmd + a does not work for selecting all. Does ctrl/cmd just not work?
  • Try to show all the content preview and editing (height: fit-content) up to a sensible maximum height.
Image
  • Hovering does not work if your mouse is on the edge of the cell and not directly over the text, it would work for the whole cell.
Image
  • When selected and hovering it is great you can move the mouse over the preview without it closing. The problem is that it gets stuck open. Close the preview when the mouse moves outside of the cell or preview. I have marked the green area of where the preview should stay open, when going outside of the green area the preview should close.
Image
  • Bring the initial hover delay down to 600ms.
  • Hovering warm state.

When hovering over a cell for the first time, there should be a short delay before the preview appears — that’s expected. However, once the first preview has been triggered, hovering over other cells should show their previews instantly, with no delay.

If the user stops hovering over any cell for around 500ms (or more), the system should reset and apply the initial delay again on the next hover.

In the screen recording below, you can see that the preview is delayed for every hover, which isn’t correct — only the first preview should have a delay.

Let me know if that’s unclear.

Screen.Recording.2025-10-08.at.08.04.16.mov

@redmonkez12 redmonkez12 requested a review from Innders October 8, 2025 17:29
@redmonkez12 redmonkez12 force-pushed the 1352-Table-improved-string-fields-like-description branch from 458460b to 8539b57 Compare October 8, 2025 17:31
Copy link
Member

@Innders Innders left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's starting to feel really useable and useful now!

  • Prevent the re-formatting of text when going from preview to editor. The text jumps when clicking the preview to edit. This is probably because there is now a border shifting the content.
  • The current min-width of the dialog is good but it should try to fill the width of the column when it can, especially if there is a lot of content.
Image
  • Paragraph spacing is not preserved (or not shown). I think this is an issue everywhere.
Image
  • When the column height is more then we should display the cell text on multiple lines to make better use of the space.
Image
  • Are markdown shortcuts meant to be working because cmd+B does nothing. (not a priority)

@redmonkez12 redmonkez12 force-pushed the 1352-Table-improved-string-fields-like-description branch from 8539b57 to 082cfd0 Compare November 4, 2025 16:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

type: enhancement Improvement of existing functionality or minor addition

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Table: improved string fields (like description)

3 participants