darrylsyms / fretwise-app-private

0 stars 0 forks source link

Messaging style Inconsistencies #31

Open darrylsyms opened 2 years ago

darrylsyms commented 2 years ago

The first message was sent on the website and is naturally wrapped in <p> tags. The second message was send on the app, and is wrapped in <span> tags. This inconsistency presents styling issues when viewing messages on both the website and app. Text wrapped within <p> tags is larger than text wrapped in <span> tags.

The solution is simple. Within the app, messages should always be wrapped in <p> tags, not <span> tags!

Capture 2022-07-11 at 11 54 20

The text size difference is much clearer inside the app: IMG_9EC3CAFDB511-1

darrylsyms commented 2 years ago

This event is somewhat unpredictable. Sometimes it happens inside a message thread, but it almost always happens when a new thread is created.

You can replicate this by starting a new thread in the app. The first message will be sent inside a <span>, and the second will be sent inside a <p>. Please see video:

https://user-images.githubusercontent.com/82924984/182268502-e662a0af-886e-4f9d-9eb2-7d483e7551b0.MP4

You should immediately notice the different size in font, which reflects the CSS styling of the HTML renderer. The same applies in BB Platform.