Skip to content

Tint, Multiply, and Blend Effects Being Cleared When Unselecting One Filter #954

@huangmingfu

Description

@huangmingfu

Describe the bug

When multiple blending filters (Tint, Multiply, Blend) are applied simultaneously in the tui-image-editor, unselecting one filter unexpectedly removes all other active filters as well. This means that if a user has selected multiple blending options and then decides to remove just one, all the remaining blending effects are also cleared, which is not the expected behavior.

To Reproduce

Steps to reproduce the behavior:

  1. Open the tui-image-editor application
  2. Apply the Tint filter effect
  3. Add the Multiply filter effect
  4. Add the Blend filter effect (now all three filters should be active)
  5. Click to unselect only the Tint filter
  6. Observe that both Multiply and Blend filters are also removed along with Tint

Expected behavior

When unselecting one filter from a group of multiple active blending filters, only the specific filter being deselected should be removed while preserving the other currently active filters. In the example above, when unselecting Tint, the Multiply and Blend effects should remain active.

Screenshots

docs demo

Image

Desktop (please complete the following information):

  • OS: [e.g. Windows 10/macOS 12.x/Ubuntu 20.04]
  • Browser: [e.g. Chrome 98, Firefox 97, Safari 15]
  • Version: [e.g. tui-image-editor v3.15.0]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone 13]
  • OS: [e.g. iOS 15.3]
  • Browser: [e.g. Safari, Chrome]
  • Version: [e.g. app version]

Additional context

This appears to be an issue with how the filter state management handles multiple selection toggles. The system might be treating these blending filters as a single combined operation rather than independent operations that can be toggled individually. This creates a poor user experience when users want to experiment with different combinations of these blending effects.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions