Type Tool Feedback

[adamjarling]

Type Tool Feedback

[jessvu]

Feedback for Text Tool Update

https://docs.google.com/presentation/d/1kOKl3iC7_b7VOVp64xXCJtnPoAcv90rll2J5jpHoA5s/edit#slide=id.gbc2a418f24_0_0

https://docs.google.com/presentation/d/1kOKl3iC7_b7VOVp64xXCJtnPoAcv90rll2J5jpHoA5s/edit#slide=id.gbc2a418f24_1_7

[adamjarling]

Possible solution: https://stackoverflow.com/questions/30632816/how-to-activate-the-cursor-for-a-fabric-js-itext

[adamjarling]

Just pushed up some changes to the Type Text tool.

• User can now just click anywhere on the canvas and start typing
• When clicking off an active typing object, it resets itself. Previously it jumped straight into a new type action.
• Added in mouse cursor support based on whether user is actively typing, and when not actively typing.

[adamjarling]

@jessvu Something like this?

[jessvu]

@adamjarling yes, exactly!

[adamjarling]

@jessvu This should be in place where the text cursor is the currently selected global color. Fabric gives it this fade in / fade out, like its breathing type effect which not sure I can control. I just checked in Chrome/Brave/Safari. If you're not seeing it, can you let met know which browser? And are you on Mac or PC? I'll pop this open in Browserstack and run it through all options if we can't track it down.

[adamjarling]

I can also control the background color (including opacity) and edit box border color. Currently I have the background "white" with a 0.5 opacity value.

[jessvu]

@adamjarling this is what I'm seeing. When I select the type tool, I'm seeing a crosshair cursor instead of a text cursor. The crosshair cursor gives the impression that a text box could be drawn while a text cursor indicates that I may begin typing immediately. However, this isn't a huge usability concern of mine at this point. I think users should be able to figure out how to use the text tool with little to no problems. As for the color, I think for now your settings are fine.

Screen.Recording.2021-02-08.at.8.37.58.PM.mov

[adamjarling]

Yea, I have the crosshair issue fixed. I'll push up the fixes now...

[adamjarling]

FYI, for browser supported cursors, here's a list. I'll look into how to get a paintbrush as an icon through FabricJS too.

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#values