Something’s not working the way it seems like it should/could.
Error messages displayed on a Math Input component when using a small screen are truncated.
The error message seems to be centralised over the warning triangle, but on a small screen that can lead to truncation. Displaying any error message to the left of the warning triangle would give a better user experience on small screens.
Here’s the link to the activity:
Workarounds I’ve considered are using a multiple choice component to enforce an integer, but that’s only practical for a limited range. Also I could display the error message in the note component, but that seems like a botch as it’s introducing special behaviour into the activity which is only needed on small screens.
Any improvements to the activity would be gratefully received.
Here are some screenshots
