core/button mit Attachement-Type PDF führt zu falscher Darstellung

[lukasniebler]

Problem

Wenn Nutzer in einem core/button eine PDF verlinken, setzt WordPress automatisch eine Klasse mtli_attachment mtli_pdf, die Darstellungsprobleme mit dem core-Block verursachen.

Nachstellen

1. In den Code-Editor in der Testumgebung wechseln
2. Den unterstehenden Code eingeben
3. In den visuellen Editor Zurückwechseln

Code mit PDF Verlinkung

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://www.kunstgeschichte.phil.fau.de/files/2019/10/richtform_zitierrichtlinien_24102019.pdf">für das Zitieren</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://www.kunstgeschichte.phil.fau.de/files/2023/03/richtform_hausarbeitsrichtlinien_15112022_barr_ihv.pdf">für Hausarbeiten</a></div>
<!-- /wp:button -->

<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.kunstgeschichte.phil.fau.de/files/2019/10/richtform_präsentation_102019.pdf">für Präsentationen</a></div>
<!-- /wp:button -->

<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.kunstgeschichte.phil.fau.de/files/2016/12/Checkliste-für-Hausarbeiten_20161215.pdf">Checkliste für Hausarbeiten</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

Code ohne PDF-Verlinkung

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"left","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-align-left wp-element-button">für das zitieren</a></div>
<!-- /wp:button -->

<!-- wp:button {"textAlign":"left","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-align-left wp-element-button">für Hausarbeiten</a></div>
<!-- /wp:button -->

<!-- wp:button {"textAlign":"left"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-left wp-element-button">für Präsentationen</a></div>
<!-- /wp:button -->

<!-- wp:button {"textAlign":"left"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-left wp-element-button">Checkliste</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

Auslöser

Auslöser scheint die Klasse mtli_attachment mtli_pdf zu sein. Könnte auch mit weiteren attachement types auftreten.

Screenshot des Problems

Oben: Darstellung mit Verlinkung (Probleme mit der Darstellung) Unten im Bild keine Verlinkung (Keine Probleme mit der Darstellung). Normale Links (ohne PDF-Endung) haben kein Problem.

Screenshot der Editor-Oberfläche

Testumgebung

• v2.6.2 FAU-Einrichtungen Phil