Skip to content

Unrelated data affects style display binding with v-show #10074

@Duncanxyz

Description

@Duncanxyz

Vue version

3.4.8

Link to minimal reproduction

https://play.vuejs.org/#eNqNUr1u2zAQfhVCi1ogEod0KATFSFtkaIe2aDtqocSzzYQiCfIk2zD87j1RkiO7TZBJ1H1Hfj93x+STc3nfQVIkZWi8csgCYOdWlVGtsx7ZkXlYsxNbe9uylFrTylSmsSYg61VQtQZ2N/S8Wwsd4P2MNVZbPyGpB5k+I1tonmq7v7pW8lEAUdMPQuu0QKA/xkqpeqbkXZUI56ok1qZqn4Wt3REyaakSVgQ8aKDScexjTKpAjx0KliqjlYGs1rZ5Sm9mPGotxs9UPBHNsrnkxDYT157x+axFDXo1J1Eq4zpkeHCDgNkpieqz1krQF0L5quTj9Rff7YyHIQZJUYkGVQ9MChSUoTAbCG/hWxQvCWdLJV+Endwk4+CzVrj8MVhDqxGDrCYgVEnBpmjJTUdOCjpsEV0oOG+koWtErXqfG0BuXMvvqY37zqBqIZO2vb/NP+QfiT/gspxDaLPa210AT49UyTSMSMOp2IPPPBgJHvxbaa+uLamvoH/oB/ZTZU4UCgZa3rXaXEXS2NYpDf6HQ0XLfRGN0NruvsUa+g7OXuJA/lN/DDSjwdNPD1HZwj8KvwEc4Yff32FP5zNIk+6GhXoF/AXB6m7QOLZ97owk2Yu+qPZrnLAymz/hYY9gwmxqEBrTiP1xHl9esf4s9za/Pad4+gsOSHxU

Steps to reproduce

  1. Do not check the "visible" checkbox.
  2. Click to change the "unrelated reactive data changes" checkbox (either checking or unchecking is fine).

What is expected?

After clicking on the "unrelated reactive data change" checkbox, the inline-block div should not be displayed. The style should not be affected by unrelated reactive data, maintaining consistent behavior.

What is actually happening?

After clicking on the "unrelated reactive data change" checkbox, the inline-block div is displayed.

System Info

Browsers:
  Chrome: 120.0.6099.201

Any additional comments?

Related issue: #4768

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions