Select text

[Valdnet]

Steps:

1. Enter a very long text.
2. Select all text.

The selection menu with the "tear" is visible outside the text window:

[ManeraKai]

This is fixed.

[Valdnet]

Request to reopen issue.
As an issue author, I still cannot open closed issues.

Steps:

1. Enter long text.
2. Select the text in its entirety.

The selected long text also appears at the top of the application.

• The action selection window should appear either in the edit window or close to the edit window.
• When scrolling through long text, the selection window should disappear and reappear near the window when you release your finger.

[ManeraKai]

the selection window should disappear and reappear

I noticed that, but I don't think it's a bug. I think it's how text toolbar generally works in android and flutter. It goes up to inform you where the real text selection is instead of just sticking to the border of the text field and misleading about where did you start your selection. The tear button is removed though as it won't be useful because you can't tweak selection without seeing the text.

[Valdnet]

I noticed that, but I don't think it's a bug. I think it's how text toolbar generally works in android and flutter.

The text toolbar works as follows:

1. Appears with selected text.
2. If the selected text is long and does not fit in the text window, it appears underneath the window so as not to obscure the selected text.
3. If you move your finger over the text, the text toolbar disappears as you move it and reappears in the same place.
4. In your application, the toolbar moves with the text, which causes a strange visual effect.

[ManeraKai]

Here I've added a container with fixed hide to limit the size of the TextField. It doesn't obey:

[Valdnet]

A good idea, but it won't work for a single word. The bar will be too high from the selected text.

1. All text selected:

• The text toolbar above the edit window without changing its position when scrolling (see screenshot):

2. Selection of one word or more than one word:

The toolbar visibility coordinates should be set so that it should appear close to the selected single text, but if, after scrolling the text, when the selection hides beyond the boundaries of the editing window, the text toolbar should stay close to the border of the editing window.

• Selected text at the top of the window:

• Selected text at the top of the window after scrolling:

• Selected text at the bottom of the window:

• Selected text at the bottom of the window after scrolling:

[ManeraKai]

A good idea, but it won't work for a single word. The bar will be too high from the selected text.

No, I wrote that comment to show you that this is how Flutter's TextField works by default. Try to scroll more till the toolbar reach the top of the screen. It'll snap back down and slowly go up as you scroll more. It's really designed that way.

[Valdnet]

It can't stay that way because it looks strange. I tested another application and the text editing bar works as expected.

Maybe you need to give the text edit bar a condition:
e.g.:
Display the text editing bar from the selected text, e.g. 50px, but not higher (lower) than e.g. 100px from the window border.

[Valdnet]

This problem is bothering me. This solution for the application is still missing.
After the tests, it turns out that the application takes the entire application field as text editing (marked in the screenshot).

Is it possible to set only this field?

When you move the application window while editing text, the toolbar goes completely outside the application boundaries.

@ManeraKai Consider this issue again before releasing a new version 😉.

[ManeraKai]

2021-09-26.14-05-42.mp4

[ManeraKai]

https://github.com/ManeraKai/simplytranslate-flutter-client/actions/runs/1275126662

[Valdnet]

Now is good.
Just to scroll the entire application window, hide the text editing tools under the top application banner.

Steps:

1. Enter your text.
2. Highlight the text.
3. Move the entire application window up.

Maybe the solution would be to hide the text editing tool under the app banner to hide under it.

Example:

[Valdnet]

And the font color should be changed from black to white.

[ManeraKai]

It will be buggy. It should be added to the translated text widget too. Orientation and scrolling will break the fixed position numbers. I'm not confident to put it in this release at least.

[Valdnet]

Well. Just yet change the font color for the text editing tool to white in light theme.

[ManeraKai]

Changed it.

[Valdnet]

I am asking for a new test version and I am doing a general test of the application 😁.

[ManeraKai]

https://github.com/ManeraKai/simplytranslate-flutter-client/actions/runs/1275254538

[Valdnet]

I am asking for a new version of the application. The current one does not contain @Aga-C changes.

[ManeraKai]

No problem: https://github.com/ManeraKai/simplytranslate-flutter-client/actions/runs/1275317938

[Valdnet]

I am in favor of blocking application scrolling. When typing a translation, it is not needed. This will eliminate the problem with text editing tools leaving the application window.

[ManeraKai]

If you eliminate it, it will give an overflow problem.

[ManeraKai]

@Valdnet is the problem solved in the latest beta version?! https://github.com/ManeraKai/simplytranslate_mobile/actions/runs/2045778266

[ManeraKai]

Here is it disabled: https://github.com/ManeraKai/simplytranslate_mobile/actions/runs/2047328527

[Valdnet]

@ManeraKai Have the changes been made or have you opted out of them?

[ManeraKai]

no I've disabled the selection tool bar. It's now vanilla input you can say.

[Valdnet]

In my opinion, it works incorrectly. It leaves the main application window.

[ManeraKai]

It just becomes hidden when the cursor leaves the screen right?

[Valdnet]

The edit bar overlaps the top bar of the application.
I suggest that the selected text disappears when you scroll the text in the window. This will eliminate the problem of the edit bar leaving the main application window.

This is how it is done in other applications.