starred/ScreenToGif

Fork 0

mirror of https://github.com/NickeManarin/ScreenToGif.git synced 2026-04-25 23:25:52 +03:00

[GH-ISSUE #1407] [Bug] Value fields are hidden by the percentage dropdown in the Resize tool #1034

New issue

Closed

opened 2026-02-26 09:33:21 +03:00 by kerem · 5 comments

kerem commented

2026-02-26 09:33:21 +03:00

Owner

Originally created by @BenPyton on GitHub (Aug 3, 2025).
Original GitHub issue: https://github.com/NickeManarin/ScreenToGif/issues/1407

Originally assigned to: @NickeManarin on GitHub.

Describe the bug
The percentage value field in the "Resize" tool is completely hidden.
The dropdown menu to select between Pixel or Percentage is overlapping with the value field.
While the field for piwel value is partially visible, we are still able to click in it to change de value, but when in percentage mode, the value is completely hidden, and thus preventing modifying the value.

To Reproduce
Steps to reproduce the behavior:

Go to Image tab
Click on the Resize Tool button
Select the Percentage mode for the values
Notice that the value field is partially or completely hidden by the mode dorpdown.

Expected behavior
The dropdown should never overlap the field value. The value field should be moved accordingly to the width of the dropdown.

Screenshots

Desktop (please complete the following information):

OS: Windows 11
Version 2.41.3

Originally created by @BenPyton on GitHub (Aug 3, 2025). Original GitHub issue: https://github.com/NickeManarin/ScreenToGif/issues/1407 Originally assigned to: @NickeManarin on GitHub. **Describe the bug** The percentage value field in the "Resize" tool is completely hidden. The dropdown menu to select between Pixel or Percentage is overlapping with the value field. While the field for piwel value is partially visible, we are still able to click in it to change de value, but when in percentage mode, the value is completely hidden, and thus preventing modifying the value. **To Reproduce** Steps to reproduce the behavior: 1. Go to Image tab 2. Click on the Resize Tool button 3. Select the Percentage mode for the values 4. Notice that the value field is partially or completely hidden by the mode dorpdown. **Expected behavior** The dropdown should never overlap the field value. The value field should be moved accordingly to the width of the dropdown. **Screenshots** <img width="301" height="300" alt="Image" src="https://github.com/user-attachments/assets/d1b9c606-47d1-4d5b-9c4b-3475eaf97d64" /> <img width="298" height="293" alt="Image" src="https://github.com/user-attachments/assets/480013cf-f572-4130-89fc-36b22f8191a1" /> **Desktop (please complete the following information):** - OS: Windows 11 - Version 2.41.3

kerem

2026-02-26 09:33:21 +03:00

closed this issue
added the
🔷 Bug 🐛

⬜ Completed
labels

kerem commented

2026-02-26 09:33:21 +03:00

Author

Owner

@fz0000 commented on GitHub (Aug 5, 2025):

This is by design — WPF ensures uniform column widths across all rows in a Grid layout.

In your example, if the content in row 5, column 1 is wide due to the long label Mise à l'échelle Qualité:, then column 1 in all rows will expand to match that width.
That’s why the items might appear overlapped.

The easiest workaround is to replace the text of the long label (DPI: or Quality:) with a shorter string in the translation file.
However, besides French, several other languages have the same issue, so we need help from the translators to update those as well.
See the language list below:
cs, nl, fr, hu, jp, ko, pt-PT, es-AR, ru

Maybe another solution is to use independent Grid Rows. Each row becomes its own Grid, and the entire layout is stacked vertically.

Well, hopefully the author has a better idea. 😁

@fz0000 commented on GitHub (Aug 5, 2025): <img width="233" height="195" alt="Image" src="https://github.com/user-attachments/assets/bc64059a-0a15-4b61-a9fd-d152fb0ac880" /> <img width="246" height="201" alt="Image" src="https://github.com/user-attachments/assets/cec0e77e-f006-4412-99d7-06f80bb65406" /> This is by design — WPF ensures uniform column widths across all rows in a Grid layout. In your example, if the content in row 5, column 1 is wide due to the long label `Mise à l'échelle Qualité:`, then column 1 in all rows will expand to match that width. That’s why the items might appear overlapped. The easiest workaround is to replace the text of the long label (`DPI:` or `Quality:`) with a shorter string in the translation file. However, besides French, several other languages have the same issue, so we need help from the translators to update those as well. See the language list below: `cs, nl, fr, hu, jp, ko, pt-PT, es-AR, ru` Maybe another solution is to use independent Grid Rows. Each row becomes its own Grid, and the entire layout is stacked vertically. Well, hopefully the author has a better idea. :grin:

kerem commented

2026-02-26 09:33:21 +03:00

Author

Owner

@BenPyton commented on GitHub (Aug 5, 2025):

Maybe, other possible fixes would be to set the last column as the filler instead of the middle one?
Or maybe placing the Pixel/Percent dropdown on a separate line? (It is not really useful to have it on both lines, since modifying one of them will modify both anyway)

@BenPyton commented on GitHub (Aug 5, 2025): Maybe, other possible fixes would be to set the last column as the filler instead of the middle one? Or maybe placing the `Pixel`/`Percent` dropdown on a separate line? (It is not really useful to have it on both lines, since modifying one of them will modify both anyway)

kerem commented

2026-02-26 09:33:21 +03:00

Author

Owner

@fz0000 commented on GitHub (Aug 5, 2025):

placing the Pixel/Percent dropdown on a separate line

Sounds like a good idea.

Is this better? (Sorry for my poor design sense 😅 )

The layout still seems a bit odd... How do other similar tools handle this?

@fz0000 commented on GitHub (Aug 5, 2025): > placing the `Pixel`/`Percent` dropdown on a separate line Sounds like a good idea. <img width="225" height="356" alt="Image" src="https://github.com/user-attachments/assets/76717f59-be05-40fc-8164-f530fe47cec4" /> Is this better? (Sorry for my poor design sense :sweat_smile: ) The layout still seems a bit odd... How do other similar tools handle this?

kerem commented

2026-02-26 09:33:21 +03:00

Author

Owner

@BenPyton commented on GitHub (Aug 14, 2025):

This is in Photoshop CS6:

Even though the dropdowns change for both width and height, they are indeed on the same line.
However, they only uses the % symbol for the percentage, so maybe this would be also a possible solution? 🤔

@BenPyton commented on GitHub (Aug 14, 2025): This is in Photoshop CS6: <img width="459" height="355" alt="Image" src="https://github.com/user-attachments/assets/5d369557-825b-4adb-b53e-21be988c732b" /> <img width="459" height="352" alt="Image" src="https://github.com/user-attachments/assets/83300ba8-5ff9-4573-9a8c-e258026d75a5" /> Even though the dropdowns change for both width and height, they are indeed on the same line. However, they only uses the `%` symbol for the percentage, so maybe this would be also a possible solution? 🤔

kerem commented

2026-02-26 09:33:21 +03:00

Author

Owner

@NickeManarin commented on GitHub (Aug 16, 2025):

I did this:

@NickeManarin commented on GitHub (Aug 16, 2025): I did this: <img width="292" height="377" alt="Image" src="https://github.com/user-attachments/assets/d202a40b-ce82-41b1-b940-9cb9c15ee67d" />

kerem referenced this issue

2026-03-01 19:04:19 +03:00

[GH-ISSUE #1034] Autosave recording/screenshot to clipboard #2908

kerem referenced this issue

2026-03-01 19:04:21 +03:00

[GH-ISSUE #1034] Autosave recording/screenshot to clipboard #2911

kerem referenced this issue

2026-03-01 19:04:25 +03:00

[GH-ISSUE #1034] Autosave recording/screenshot to clipboard #2913