Utopian.Rocks browser extension v1.1.1 breaks layout of Utopian's Posting Guidelines page

작년

Project Information

Expected behavior

Having this extension installed and active, it should not have any impact on the rendering of webpages not directy related to posting. I expect it to have a visible effect only on a webpage used to create posts.
Specificaly, when I go to https://join.utopian.io/guidelines/, I expect "Contributions" section to look similar to the first picture below, with clickable icons that show related detailed content for each category. The picture below depicts how this webpage is rendered on Chrome browser with this extension removed or deactivated.

screenshot of a typical rendering of Contributions section of utopian-io webpage

Actual behavior

When this extension is installed and active, the layout of the icons is shifted from horizontal to vertical. In addition to that, clicking on any of the icons ceases to show any underlying content. Effectively, the Contributions section becomes unusable and the user has to deactivate the extension and refresh the page to be able to use it again (or launch the browser in incognito mode, assuming the extension is not enabled in this mode).

screenshot  depicting how Contributions section of the Guidelines is damaged

How to reproduce

  1. Install the extension
  2. Go to https://join.utopian.io/guidelines/
  3. Click on "Contributions" tab
  4. Check the layout of the icons, try clinking on some of them
  • Browser/App version:
    • Chrome: 70.0.3538.77 (Official) (64-bit)
    • Utopian.Rocks extension: v. 1.1.1 (from Chrome Web Store)
  • Operating system:
    • Windows 10 Pro, ver. 1803, build 17134.345

Temporary solution/workaround

None found, except for deactivating the extension in some way.
The simplest way is to open the link to Guidelines in "incognito" mode (right click on link, "open in incognito"), or temporarily deactivating the extension via chrome://extensions

GitHub Account, Activity

GitHub Account: https://github.com/quetzalcoatl

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
STEEMKR.COM IS SPONSORED BY
ADVERTISEMENT
Sort Order:  trending

Thanks for your contribution.

I was also able to replicate the issue, I saw this issue a while ago, however, didn't realize that this was caused by the extension and instead thought it was a temporary issue on the Utopian site, good job on narrowing this down to the extension.

Although the main purpose of the application still works, I think it's important to take into account the end to end experience as the user would have Utopian and the goal of the user. That's why I believe this issue is major and overall has a considerable impact on the overall user experience of a contributor should they need to review the guidelines before submitting their contribution.

Although it may not be related, there is an error present when the extension is installed vs when it's not. This is as follows:

Uncaught TypeError: $(...).slick is not a function
    at generateSlick ((index):306)
    at HTMLSpanElement.<anonymous> ((index):290)

This might be a good start for looking for the possible cause in future contributions.

Here's some other feedback about your contribution:

  1. Your steps were clear and straight to the point.
  2. Although a video is always nice to have, your post was well described and didn't at any point think it needed to have one to make this post valuable.
  3. Your expected behaviour and actual behaviour could have been a lot smaller and straight to the point, although I don't want that to take away from the fact that it was well written and easy to read.

With all the above said, once again thanks for your contribution and it provides value to the project and has helped the project owner identify an area of issue that needs resolving. I look forward to your contributions in the future.

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

·

Funny enough, I noticed the error in the console myself just now, before reading your review. I somehow overlooked it earlier, but now I added it to the issue on GitHub. Thank you for the review!

·

Thank you for your review, @tobias-g! Keep up the good work!

  ·  작년

Ah, thanks @ookamisuuhaisha I'd encountered this too, but didn't realize it was caused by the extension.

Another way to make working around this easier is to install the browser extension Extensity.

It makes activiating/deactivating other extensions quick and convenient (And it's open source 😄).

Thanks for your contribution!

Hi @ookamisuuhaisha!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server

Hi, @ookamisuuhaisha!

You just got a 0.18% upvote from SteemPlus!
To get higher upvotes, earn more SteemPlus Points (SPP). On your Steemit wallet, check your SPP balance and click on "How to earn SPP?" to find out all the ways to earn.
If you're not using SteemPlus yet, please check our last posts in here to see the many ways in which SteemPlus can improve your Steem experience on Steemit and Busy.

Congratulations @ookamisuuhaisha! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You received more than 50 upvotes. Your next target is to reach 100 upvotes.

Click here to view your Board of Honor
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @steemitboard:

The Meet the Steemians Contest is over - Results are coming soon ...

You can upvote this notification to help all Steemit users. Learn why here!

Hey, @ookamisuuhaisha!

Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

You got a 3.58% upvote from @emperorofnaps courtesy of @ookamisuuhaisha!

Want to promote your posts too? Send 0.05+ SBD or STEEM to @emperorofnaps to receive a share of a full upvote every 2.4 hours...Then go relax and take a nap!

You got a 2.64% upvote from @booster courtesy of @ookamisuuhaisha!

NEW FEATURE:

You can earn a passive income from our service by delegating your stake in SteemPower to @booster. We'll be sharing 100% Liquid tokens automatically between all our delegators every time a wallet has accumulated 1K STEEM or SBD.
Quick Delegation: 1000| 2500 | 5000 | 10000 | 20000 | 50000

Congratulations @ookamisuuhaisha! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You received more than 10 as payout for your posts. Your next target is to reach a total payout of 50

Click here to view your Board of Honor
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @steemitboard:

Meet the Steemians Contest - The results, the winners and the prizes
Meet the Steemians Contest - Special attendees revealed
Meet the Steemians Contest - Intermediate results

You can upvote this notification to help all Steemit users. Learn why here!