Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Text (blocks and labels) positioning and styling issues #1908

Open
noREAVER opened this issue Nov 12, 2024 · 1 comment
Open

Text (blocks and labels) positioning and styling issues #1908

noREAVER opened this issue Nov 12, 2024 · 1 comment
Labels
good luck getting an answer with that tone

Comments

@noREAVER
Copy link

noREAVER commented Nov 12, 2024

  • [ x] I agree to follow the Code of Conduct that this project adheres to.
  • [x ] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Describe the bug
A. Text vertical alignment asymmetrical and inconsistent.

To Reproduce
Steps to reproduce the behavior:

  1. Add a text box and add border or background for reference
  2. Add some text. By default the text:
  • is set to formatted and wordwrap
  • line-height is default 120%
  • there are no text margin+padding settings present in the text panel when line-height is not changed. changing once the line height (even going back to 120%) makes visible the margin+padding properties in the panel. It seems like the margin-top/bottom is default 12px. How could I set these to 0px always?
  1. Set the vertical alignment to top or bottom:
  • text doesn't align properly top/bottom. Some default margins are rendered by default.
  • even with all margins, padding and spacing set 0px , alignment is not symmetrical top vs bottom
    image
  1. Set line-height below 100%:
    (this one appears to be related to a styling property visible only showing html code. I have to check again which property was producing this bug. is related to different html elements having set the line-height set)
    image
  • different objects of the same shape behave differently.
  • refocus/select the text again. line-height always shows 100% but the line height is definitely not 100%

image

  1. In some cases, adjusting the font size changes the line-height automatically.
  2. Adjusting the font size for the formatted text in a shape doesn't update the font-size in the text panel when just focused on the shape. The opposite does work.
  3. Copying the text from a shape to another shape text, removes the <p> element:
    (here I use/paste the whole html code of the text element as rendered by drawio)
<p style="line-height: 100%;">asasa</p>

is getting copied as:

<span style="font-family: &quot;Courier New&quot;; text-wrap: nowrap;">asasa</span>

Screenshots
I should make a full video about probably. It's a lot to show/uncover.
image

Video
https://1drv.ms/v/s!ApHOgTjX-FPhg7pTIR7tekMC7y5KQw?e=Odtlb4

  • draw.io version 24.7.17
  • OS: Windows x64
@davidjgraph davidjgraph added the good luck getting an answer with that tone label Nov 12, 2024
@noREAVER
Copy link
Author

@davidjgraph I will try to redact it to be more "friendly" but please feel free to highlight where you consider I stepped over.

@noREAVER noREAVER changed the title Text blocks and text labels in general, positioning and styling is inconsistent and buggy Text (blocks and labels) positioning and styling issues Nov 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good luck getting an answer with that tone
Projects
None yet
Development

No branches or pull requests

2 participants