[Bug] Font difficult to set in theme app extension

Extensions
1

Hi,

I wanted to highlight an issue I have been running into while trying to use the font_picker setting in a theme app extension.

The font setting is working correctly, but the issue happens when the following occurs:

  • The theme editor is open, the app block is added and selected
  • The default font (e.g. playball_n4) works correctly
  • A different font (e.g. mono) is selected from the font_picker dropdown
  • The setting change causes a full page refresh within the editor
  • The font setting is reverted to the previously font (playball_n4)

There is a workaround of sorts, if you quickly press the Select button at the bottom of the font_picker after changing the font, but before the full page refresh occurs. This isn’t a feasible workaround as the time to press the button is very short & I only discovered it worked after some time trying to debug the issue.

This full page refresh is occurring every time I change any setting in the theme extension app block, however changes to other settings types are persisting after the refresh

Is there anyway to prevent the full page refresh that I’m missing? The block does not make use of javascript.

If not, is the font_picker issue a bug?

2

Hey - have connected with the relevant product team on this to get their recommendation.

3

Thanks @Liam-Shopify, appreciate it!