nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

css hashing on trello site breaks plugins

witkups

Hello, for the recent years there were multiple plugins like plus for trello, which are working using for instance your page structure, recognized by CSS selectors, classes especially.

Since yesterday something significantly has changed, as I see. At least I see more hash classes, which were not there before.

Could you please turn it back?

Accepted answers

Austin_2b9z9h

Hello @witkups It sounds like the recent card-back enhancements may have introduced this change. To help isolate the issue please go to https://trello.com/w/labs and try disabling the card back enhancements to see if that reverts the change.

Please let us know if disabling the card back enhancements does not change the reported behavior.

All comments

witkups

have just switched to another google account (for trello, the logged one in chrome is the same), and there it is correct. Also, on another device, and in another browser, the problem is the same - CSS classes are hashed, for all my boards.
What is going on there? It started 2 days ago

witkups

How is that possible that on one account, the same button with `data-testid="card-back-move-card-button"` has the following structure
<button class="O6RBvoSEAyiJ4B bxgKMAm3lq5BpA PnEv2xIWy3eSui SEj5vUdI3VvxDc" type="button" data-testid="card-back-move-card-button" tabindex="0"><span class="nch-icon A3PtEe1rGIm_yL neoUEAwI0GETBQ gNDonYrNSA1GXJ"><span data-testid="MoveIcon" data-vc="icon-MoveIcon" aria-hidden="true" style="--icon-primary-color: var(--ds-text-accent-gray-bolder, #172B4D); --icon-secondary-color: inherit;" class="css-snhnyn"><svg width="24" height="24" role="presentation" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.292 4.29149C11.903 4.67949 11.903 5.31649 12.292 5.70549L17.586 10.9995H4C3.45 10.9995 3 11.4495 3 11.9995C3 12.5505 3.45 13.0005 4 13.0005H17.586L12.289 18.2965C11.9 18.6855 11.9 19.3215 12.289 19.7105C12.678 20.1005 13.315 20.1005 13.703 19.7105L20.702 12.7125C20.704 12.7115 20.706 12.7095 20.709 12.7075C20.903 12.5145 21 12.2565 21 11.9995C21 11.7425 20.903 11.4855 20.709 11.2915C20.706 11.2905 20.703 11.2885 20.701 11.2865L13.706 4.29149C13.512 4.09749 13.255 4.00049 12.999 4.00049C12.743 4.00049 12.486 4.09749 12.292 4.29149Z" fill="currentColor"></path></svg></span></span>Przenieś</button>

And on another

<a class="button-link js-move-card" href="#" title="Przenieś" data-testid="card-back-move-card-button"><span class="icon-sm icon-move"></span><span class="js-sidebar-action-text">Przenieś</span></a>

What is going on there?

witkups

The same has happened for another account. What is going on guys?!

Austin_2b9z9h

witkups

Thank you @Austin for the response, and the solution - that solved the problem, but since it is a feature flag, I suppose not for long.
Could you please address that issue, or that is the desired change and we need to search for a workaround?

Austin_2b9z9h

Hello,

Thanks for your patience while I reviewed this information. These changes are intentional and part of our recent updates to the card-back experience. Once the car-back enhancement rollout is complete, there is no plan to return to the previous behavior. We apologize for the inconvenience this has caused and hope you are able to find a workaround with the updates.

witkups

@Austin maybe you could add at least more test tags to rely on? Or share if these hashes are constant, or just generated per release. Using css selectors by divs and sections only is a bit fragile.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

cloud

trello

trello-cloud