Long labels cause overlap with dropdown boxes (Search Apprearance)

[Pcosta88]

• I've read and understood the contribution guidelines.
• I've searched for any related issues and avoided creating a duplicate issue.

Please give us a description of what happened.

Breadcrumb drop-down box misaligned for WooCommerce Attributes

Please describe what you expected to happen and why.

To be in alignment

How can we reproduce this behavior?

1.Add a attribute

2.Enable breadcrumbs

3. Go to SEO-Search Appearance-breadcrumb and see the misalignment

Technical info

• WordPress version: 4.9.8
• Yoast SEO version: 8.4

Note; Having WooCommerce SEO active or not does not affect this.

[Pcosta88]

Please inform the customer of conversation # 410068 when this conversation has been closed.

[Djennez]

Issue still present in Yoast 11.0

Note that this is not not limited to WooCommerce, this is due to the length of the labels of taxonomies / CPTs.

[tdechangy]

Please add this CSS fix :

.wpseo_content_wrapper .select2-container {
    margin: 0 0 20px;
}

Or this if you need an additional selector to overwrite original CSS :

.wpseo_content_wrapper #wpseo-settings-breadcrumbs .select2-container {
    margin: 0 0 20px;
}

[Djennez]

Hi @tdechangy, and thanks for your comment. You're welcome to create a PR for us that can get checked by our developers :)

[Beee4life]

Kudos for @tdechangy for making made an effort for a fix.

[Djennez]

The current situation (14.2) isn't perfect, but it isn't as wrong as it used to be.

Changing the title to reflect the current situation.