Constant problems with the text tool

[Matt]

Hi GWD Team,

I'm not sure if you guys are aware of the issue with the Text Tool.
Basically sometimes (not always, but if that finally happens it's such a pain to fix) the text in the text field happen to change its size/font to some random number/font style, and there's no indication why this is happening.
I'm dealing with this issue for such a long time that it's stressing me out when I have to create an ad in GWD.
At first I thought that was the issue with copy/paste text so I avoided copying and pasting, started typing all text by hand, it was annoying but somehow it worked for a while, or that was a coincidence.
Now this issue happens with the text typed by hand as well.
That wouldn't be a such big deal if I could simply remove the text and place a new one, but unfortunately if that error starts, it's not possible to do.
All the new text in the new text field has the same issue,
sometime the older animated text which didn't have this problem is suddenly "infected" by this issue.
I can't change a text size without dealing with constant random problems.

So I decided to record this issue when it happened to me, it's attached as a youtube vid. I also attached the same banner which can be opened in GWD.

My question is, are you guys aware of this, and if so - when can we expect a fix, or how can we avoid this issue as a workaround.

Here's the link to a youtube vid https://www.youtube.com/watch?v=3U4wraFrU_w

Thanks,
Matt

[Jan]

Hey Matt,

in your video I saw that you are using the "span"-element when creating this kind of text. This element is used to further style text with CSS and/or add Javascript. Maybe that is the reason it causes some issues in this context.

Have you tried it with the regular text elements "p" or "h1/h2/h3"?

[Matt]

Hi Jan,

Thanks for your input.
Yes even if I start typing as a normal text <p>, for example
First line, font: times new roman, size 20, and then add a Second line identical to the first one (in the same text field), and only change its style to Bold, the size of the second line suddenly changes to 24...

[Matt]

This bug is still happening at random times.
It's affecting my workflow and extending work even twice because I don't know any way to prevent this.
I would only like to know if GWD team is aware of this issue.

[Google Web Designer beta]

Hi Matt,

Thanks for the video to show us the problem. It seems that the font size field does not commit the change if we just click in and change the value then click out (same problem on the font color if you change the hex color and then click out). I will log a bug on your behalf.

For workaround, please press the ENTER key to commit the change whenever a new font size value is entered in the field. 

If you want to change the text size on the existing text that was created previously, you can try editing inside the text box. 

First use the Selection tool to double click on the text box to go inside the element.

Then select the SPAN element, change to Text tool and change the font size.

Use Selection tool and double click on empty space to exit the text box edit mode.

Hope this helps!

Thanks,

Emily

(Google Web Designer Team)

[Matt]

Thank you Emily but unfortunately this isn't the solution.

Obviously I am pressing Enter when applying a new font size every single time, it's just not that visible in that video and I'm explaining below what I am doing.
The thing is, when this bug happens clicking enter doesn't work at all. I suggest to look closely on my vid and my explanation below.

Copy/Paste text

You can see that on 0:41 I'm changing the font size from 24px to 20px, pressing enter and the font size is applied only for the third line (Lato Italic).

Then I'm clicking on second and first line to inspect what sizes they are and it appears they're 32px (why?)

At this point when the font size changed its size by itself I know there's going to be problems, because this issue happened to me many more times...

Then on 0:56 I'm trying to change the font size of all text to 20px, clicking enter a few times and nothing happens - that's why I click on the Selection tool in 0:59, I'm not trying to commit the change by clicking out.

Then in 1:05 I go back to text box to try changing the font size only for the first line, typing 20px, pressing enter, nothing happens again when I click enter, can't change the font size any way.

Now text written by hand

1:09 I'm typing the text by hand, doing the same things to the text as before.
1:42 Changing the font size from 24px to 20px, pressing enter, the change is applied, font size is now 20px BUT
1:44 I am clicking out, choosing selection tool
1:45 You can see that something happened to the text, it's not the same anymore in the second and the third line (Lato Normal, Lato Italic)
1:47 I inspect the text by clicking on second and third line and you can see in the size box that the text size is now 24px again.

1:55 Trying to apply the font size again to 20px, clicking enter, the change is again applied, but when I click out in 1:57, font size changed itself again...

Then I'm trying to change the font size to 20 px again a few more times.

2:07 I'm trying to change the font from Lato to Open Sans and at 2:14 it's changing to Lato by itself again.

This problem is more complicated and I've provided a file in my first main post, the same one that I've used in a video.
Feel free to check it out and replicate the issue by itself.
I'll be happy to provide more examples if you'd like.
Matt

[Google Web Designer beta]

Hi Matt,

Thanks for the explanation. I see the issue in your file where the font size is changed to 32px by itself after editing it. Somehow it added "font-size: xx-large" to the CSS styles for the SPAN element. I can reproduce the problem on the text that I manually entered in a brand new file (no copy & paste). I will report the bug and ask the team to take a look.