shopware / shopware/shopware

Audit all `mt-tabs` UI paths with `V6_8_0_0` enabled

Open
#19,903 0 comments 0 reactions 0 assignees View on GitHub
component/administration domain/framework Technical TODO
Dominant language
PHP
Stars
3.4k
Forks
1.2k
Avg merge
2d 23h
Merged PRs (30d)
433

Description

### Technical TODO

## Context

Updating Meteor changes `mt-tabs` attribute forwarding. Classes placed on the Shopware wrapper now reach Meteor’s rendered `.mt-tabs` element.

That can restore intended styling, but it can also reactivate CSS that was effectively inactive before. We need a systematic visual audit of every Administration surface that renders `mt-tabs` on the 6.8 feature path.

Initial comparisons are documented in [PR #19607](https://github.com/shopware/shopware/pull/19607#issuecomment-5453366303). The checked examples are:

- Product media modal
- Media folder settings
- Flow Builder
- Settings → Search → Searchable content

## Goal

Verify that all 6.8-gated `mt-tabs` usages look correct and remain consistent with the intended 6.7 layout where applicable.

## Scope

1. Run the Administration with `FEATURE_ALL=major` / `V6_8_0_0` enabled.
2. Inventory every rendered `` usage in Administration, including modal, detail-page, CMS, Settings, Flow Builder, Order, Product, Customer, Sales Channel, and profile surfaces.
3. For each surface:
- Compare against the 6.7 path or the intended design.
- Check tab spacing, width, alignment, padding, background, active state, and surrounding content spacing.
- Inspect whether consumer classes are now present on the rendered `.mt-tabs` element.
- Pay particular attention to CSS selectors that target wrapper-specific classes.
4. Record screenshots or concise findings for every regression found.
5. Create focused follow-up issues for confirmed regressions; do not change unrelated styles as part of this audit.

## Acceptance criteria

- Every Administration `` surface reachable with `V6_8_0_0` enabled has been reviewed.
- The four initially checked surfaces are revalidated against the documented comparisons.
- Confirmed visual regressions have a reproducible route, screenshot, expected result, and dedicated follow-up issue.
- The audit distinguishes intentional Meteor visual differences from regressions caused by newly forwarded classes.

Contributor guide

Open the contributing guide

Research direction

Start by running the Administration with FEATURE_ALL=major and V6_8_0_0 enabled, then inventory every rendered surface. Revalidate the four examples documented in PR #19607 and inspect spacing, alignment, active states, surrounding content, and forwarded wrapper classes. Done means every reachable surface is reviewed, findings or screenshots are recorded, and confirmed regressions have reproducible routes and follow-up issues.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
5/5
Estimated time
Over a week
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.