Previewing edited filters in composer
Background / User story
We have redesigned the block element feature UI/UX in https://gitlab.com/eyeo/adblockplus/abpui/adblockplusui/-/issues/761 and https://gitlab.com/eyeo/adblockplus/abpui/adblockplusui/-/issues/638.
One of the functionalities added to the filter composer, was that user is able to preview the selected filters. This allows them to see how the page will look like after blocking filters are applied.
In case the user made any changes to the filters in the composer, those changes were not taken into account while previewing. Instead, preview for the initially selected filters was shown. This was reported as a bug in https://gitlab.com/eyeo/adblockplus/abpui/adblockplusui/-/issues/807, but because it's not trivial to solve, we decided to disable previewing for edited filters at the time, and revisit it later.
It would be neat if user could, after selecting an element to block, make changes to the filters in the composer, and preview them.
What to change
- Design: (Link to any designs here)
- Research: (Link to any research data here)
- Spec: (Create spec merge request and link to it from here)
- Legal: (Link to JIRA ticket with Legal's approval)
- Development: (Mention any implementation details here)
Hints for testers
(Mention any areas/scenarios that should be tested in addition to what's described in the spec)
Hints for translators
(Mention any changes that were made to any files in the locale
directory)
Integration notes
(Mention any breaking changes and necessary changes that need to be made by any project that wants to include this change)