Rectangular custom emojis are shown in square-clipped form in reaction picker.
Proposed Solutions
1. Showing rectangular custom emojis in its proper aspect ratio by setting column span
Like in settings/reaction, show rectangular custom emojis in its proper aspect ratio.
Settings of number of column would be broken, but setting column span help showing emojis around rectangular ones in organized way, as they are today.
2. Showing rectangular custom emojis scaled down to fit in square, like in reaction notification.
Although it's relatively easy to implement, this solution would make rectangular custom emojis less readable and less findable in emoji picker.
3. Showing alternative square emoji that represents content of rectangular custom emoji (requires a lot of manual work)
This solution avoids column span and image shrink by introducing a new feature, the alternative emoji representation.
I think it's not a good idea because it requires a lot of manual work.
4. Showing confirmation dialog when user is trying to react with rectangular custom emoji
This solution avoids column span and image shrink by showing dialog when user is trying to react with rectangular custom emoji.
Summary
↓
Rectangular custom emojis are shown in square-clipped form in reaction picker.
Proposed Solutions
1. Showing rectangular custom emojis in its proper aspect ratio by setting column span
Like in settings/reaction, show rectangular custom emojis in its proper aspect ratio. Settings of number of column would be broken, but setting column span help showing emojis around rectangular ones in organized way, as they are today.
2. Showing rectangular custom emojis scaled down to fit in square, like in reaction notification.
Although it's relatively easy to implement, this solution would make rectangular custom emojis less readable and less findable in emoji picker.
3. Showing alternative square emoji that represents content of rectangular custom emoji (requires a lot of manual work)
This solution avoids column span and image shrink by introducing a new feature, the alternative emoji representation. I think it's not a good idea because it requires a lot of manual work.
4. Showing confirmation dialog when user is trying to react with rectangular custom emoji
This solution avoids column span and image shrink by showing dialog when user is trying to react with rectangular custom emoji.