Text appears as double/overlaid in text bubble, when entering a new line

[t1_hopscotch]

Continuing the discussion from You Can Talk About Hopscotch Here; Topic 30 [OFFICIAL]:

Description

Text appears overlaid on top of each other, in a text bubble, when entering multiple lines of text.

Hopscotch version: 3.53.0

Steps to Reproduce

1. Add a Set Text block
2. Type a word/sentence on the first line
3. Press Enter, and type a word/sentence on the second line

Expected:

Only the first line shows

Actual:

The two lines are overlaid

Pics:

thanks to @Tri-Angle:

[Liquid]

Hope this can get fixed!
Any clue why this happens?

[t1_hopscotch]

Not too sure myself yet, but I can update here once we investigate more!

[894]

Yep this happens to me! You’re not the only ones!

[Mouldycheese8]

That happened to me yesterday

[Tabitha]

I’ve got those too!
Add this:

[Tri-Angle]

and btw, in some cases when the first line is empty (so just a \n), and the second line has words, it shows correctly the second line

when editing numbers in number pads the number is also bold which suggests that bug also happens with numbers, not just strings

[t1_hopscotch]

@Tri-Angle

when editing numbers in number pads the number is also bold which suggests that bug also happens with numbers, not just strings

I see — I wasn’t able to get this to happen yet, but do you have an example I could try? E.g. number to try, or screenshot.

[t1_hopscotch]

@Liquid

Hope this can get fixed!
Any clue why this happens?

I was investigating this. So in Hopscotch, there is a bubble that appears over whichever parameter/field you are editing. (It is called a ‘field editor’ — some other apps use this too)

The field editor was adding ... to text, rather than just displaying the first line of the bubble underneath.

For this text:

hello 
world

the bubble underneath is showing hello while the field editor is showing hello w... So that was contributing to the double effect.

(You can see the field editor with the teal outline and transparent background, in front, in this ‘3D’ view of the editor)

Summary

[Liquid]

How do you view a 3D version of the editor?

Hope this gets fixed!

[DogIcing]

In one of the software used to create the app eg xcode i would guess

Edit: its called Live Rendering iOS Programming Knowledge: How To See 3D View Of UI In Xcode 6+

[Tri-Angle]

nvm, i have a bad memory - that only happens if you edit the number with the apple keyboard, and still happens even if you go to the number pad

(that 3d hopscotch is insane loll)

[894]

@Tri-Angle

(that 3d hopscotch is insane loll)

Oooh what 3D hs???

[Tri-Angle]

Text appears as double/overlaid in text bubble, when entering a new line

I was investigating this. So in Hopscotch, there is a bubble that appears over whichever parameter/field you are editing. (It is called a ‘field editor’ — some other apps use this too) The field editor was adding ... to text, rather than just displaying the first line of the bubble underneath. For this text: hello world the bubble underneath is showing hello while the field editor is showing hello w... So that was contributing to the double effect. (You can see the field editor with the t…

in the summary

[894]

Oh yes, wait is it real thing?
that is MEGA COOL

[Tri-Angle]

nah prob just for debugs in admin side

[894]

Oh
I wanted it so bad

[t1_hopscotch]

@Liquid

How do you view a 3D version of the editor?

@894

Oooh what 3D hs???

Yeah as others mentioned, it is in Xcode for debugging — it just visualises the layers based on their z-index or how far in front they are (like z index in Hopscotch or Bring to Front/Send to Back). Unfortunately it pauses the app anyway, so you can’t code in Hopscotch on the simulator while in that view. But coding in a 3d version would be interesting

[t1_hopscotch]

This should be fixed now in Version 3.54.0 Official Topic (Undo/Redo Variables Action + Bug Fixes)

Thanks again for letting me know @Tri-Angle