Skip to content

Conversation

@mhsdesign
Copy link
Member

@mhsdesign mhsdesign commented Nov 22, 2025

Just a tiny followup attempting to polish the new link editor to absolute shininess ;)

Todo:

  • solve new todos from link editor pr (in code)
  • fix dialog flex box cantering is now too wide
  • add preview of anchor in node and asset card
  • "Force download" and "Herunterladen erzwingen" as label
  • Phone validation without leading 0 is wrong label

What I did

How I did it

How to verify it

…mptyValue` with `DialogWithValue`

And also get rid of hacky details like `initialLinkTypePreview?: () => React.ReactNode`

Initially the split into two components and the duplication of the tab rendering and the like was necessary as the initial link type allowed upon `convertLinkToModel` to invoke a react hook. And react hooks can not be used conditionally.

 With this removal of first class async tabs (a3132ca) we can also simplify the code in the Dialog.
@mhsdesign mhsdesign changed the base branch from 9.0 to 9.1 November 22, 2025 13:34
…rips off popover positioning

It seems the transformation is technically part of the spec as per this discussion: w3c/csswg-drafts#8584
But not implemented in any browser.
The transformation is currently not taken into account and the popover is positioned as if the dialog is not transformed.

To fix that we now resort to a simple flex centering.

TODO: Due to flex and no longer the use of `left: 50%;` the width of the dialog is not sanely restricted to 50vw but always as wide as possible making text dialogs pretty wide.
in chrome we use the new anchor api and otherwise calculate the position taking the button height 40px into account and using flexbox row-reverse around to be right to the button.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants