View source for Help:Lint errors/tidy-whitespace-bug/de

<languages/>
{{notice|1='''<span lang="en" dir="ltr" class="mw-content-ltr">The help text on this page references Tidy which is no longer used on the Wikimedia cluster. It was replaced with RemexHtml in July 2018.</span>'''}}

<div lang="en" dir="ltr" class="mw-content-ltr">
== Problem ==
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
Tidy removes whitespace from an inner tag to an outer tag.
</div>

<span lang="en" dir="ltr" class="mw-content-ltr"><syntaxhighlight lang=html5><span>a </span><span>b</span></syntaxhighlight> becomes <syntaxhighlight lang=html5><span>a</span> <span>b</span></syntaxhighlight> after it goes through Tidy.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">See how the whitespace character move from inside the span to outside it and now separates the two spans.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">This is a problem when the spans have CSS that affects whitespace.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">For example, when there is the CSS white-space property set on the elements.</span>

<span lang="en" dir="ltr" class="mw-content-ltr"><syntaxhighlight lang=html5><span style='white-space:nowrap'>a </span><span style='white-space:nowrap'>b</span></syntaxhighlight> becomes <syntaxhighlight lang=html5><span style='white-space:nowrap'>a</span> <span style='white-space:nowrap'>b</span></syntaxhighlight>.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">So, even if there are 30 spans in a row, since Tidy moves the whitespace, the browser can break rendering between spans.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">However, HTML5 parsers like Parsoid or RemexHTML will not move whitespace like this.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">So, there is no place for the browser to break the line since there is no whitespace between spans.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">This causes the row of spans to extend horizontally indefinitely.</span>

<div lang="en" dir="ltr" class="mw-content-ltr">
== Solution ==
</div>
<span lang="en" dir="ltr" class="mw-content-ltr">This is most likely to affect on pages that have a list of entries.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">This usually comes from templates.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">So, editors will have to do what Tidy does by moving space around.</span>
<span lang="en" dir="ltr" class="mw-content-ltr">One simple solution would be add a whitespace character after the span in the affected template like in this [https://it.wikipedia.org/w/index.php?title=Template%3ATutto_attaccato&type=revision&diff=90246036&oldid=89060256 itwiki example] which is used in [[w:it:Template:Campioni_NBA]] and which was rendering badly before this fix.</span>

<span id="Tools"></span>
== Werkzeuge ==

<div lang="en" dir="ltr" class="mw-content-ltr">
The following tools can help fix tidy whitespace bug:
</div>

<div lang="en" dir="ltr" class="mw-content-ltr">
* [[w:Wikipedia:WPCleaner|WPCleaner]]: see [[w:Wikipedia:WPCleaner/Linter|instructions on how to use WPCleaner for fixing errors detected by Linter]].
</div> <span lang="en" dir="ltr" class="mw-content-ltr">Tidy whitespace bug may be reported by WPCleaner as part of [[w:Wikipedia:WikiProject_Check_Wikipedia|CheckWiki]] [[w:Wikipedia:WikiProject Check Wikipedia/List of errors|error #536]].</span>

[[Category:Linter{{#translation:}}]]