Keyboard: key-outline draw-ordering

What do you want to achieve?

I’d like to draw a outline around a pressed key. Currently, outline seem to always draw while rest of pressed key is drawn, so keys drawn later seem to overdraw the outline.

What have you tried so far?

I’ve tried creating a keyboard widget, and adding an outline effect, and pressing a few keys in the simulator.

Screenshot or video

Note that the green line is broken by several neighboring keys. On further consideration, perhaps the entire draw for the pressed key should be deferred until all other keys are rendered, as the enlarged ‘%’ also is overdrawn.


  • SquareLine Studio version: 1.3.2
  • Operating system: FreeRTOS
  • Target hardware: ESP32

Hi, use a border instead of an outline, so it won’t hang over the adjacent buttons.

Thanks @SquareLine_Support , I’ll give it a try!