Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issue with "touch-action": linked bars in formal syntax

See original GitHub issue

MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

What information was incorrect, unhelpful, or incomplete?

The formal block has bars as links

Specific section or headline?

Formal syntax

What did you expect to see?

Either a BNF-free format or at least not linked bars.

Did you test this? If so, how?

I hovered the bar and noticed the link in the bottom edge of my browser.

It looks like the macro is doing something weird: https://github.com/mdn/content/blob/e38501179a65ec21528f264a22c3f5822d865ad2/files/en-us/web/css/touch-action/index.html#L84

produces

Code block (formatted by me)

<pre class="notranslate">auto
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#single_bar" title="Single bar: exactly one of the entities must be present">|</a>
none
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#single_bar" title="Single bar: exactly one of the entities must be present">|</a>
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#brackets" title="Brackets: enclose several entities, combinators, and multipliers to transform them as a single component">[</a>
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#brackets" title="Brackets: enclose several entities, combinators, and multipliers to transform them as a single component">[</a>
pan-x
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#single_bar" title="Single bar: exactly one of the entities must be present">|</a>
pan-left
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#single_bar" title="Single bar: exactly one of the entities must be present">|</a>
pan-right
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#brackets" title="Brackets: enclose several entities, combinators, and multipliers to transform them as a single component">]</a>
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#double_bar" title="Double bar: one or several of the entities must be present, in any order">||</a>
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#brackets" title="Brackets: enclose several entities, combinators, and multipliers to transform them as a single component">[</a>
pan-y
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#single_bar" title="Single bar: exactly one of the entities must be present">|</a>
pan-up
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#single_bar" title="Single bar: exactly one of the entities must be present">|</a>
pan-down
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#brackets" title="Brackets: enclose several entities, combinators, and multipliers to transform them as a single component">]</a>
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#double_bar" title="Double bar: one or several of the entities must be present, in any order">||</a>
pinch-zoom
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#brackets" title="Brackets: enclose several entities, combinators, and multipliers to transform them as a single component">]</a>
<a href="/en-US/docs/Web/CSS/Value_definition_syntax#single_bar" title="Single bar: exactly one of the entities must be present">|</a>
manipulation
</pre>

MDN Content page report details

Folder: en-us/web/css/touch-action
MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/touch-action/index.html
Last commit: https://github.com/mdn/content/commit/68abfca3e8e50a1e143214bfaf90d33ae61fe42e
Document last modified: 2021-04-13T21:31:59.000Z

Issue Analytics

State:
Created 2 years ago
Comments:16 (11 by maintainers)

Top GitHub Comments

1reaction

schalkneethlingcommented, May 4, 2021

@chrisdavidmills Good stuff, I can take this one then.

1reaction

peterbecommented, Apr 22, 2021

@schalkneethling I don’t think it’s super ugly but yes it certainly looks a bit odd. Can you have a 5min think of if there’s a way to control the styling of those of characters in there that would look a bit nicer?

Top Results From Across the Web

Implement touch-action CSS property for Pointer Events

This bug is for the touch-action CSS property implementation part of the spec submission which "defines events and related interfaces for handling hardware ......

touch-action - CSS-Tricks

The touch-action property in CSS gives you control over the effect of touchscreen interactions with an element, similar to the more ...

7. WebDriver API — Selenium Python Bindings 2 documentation

Official API documentation is available here. ... TouchActions webdriver.Proxy ... Raised when an issue interacting with selenium manager occurs.

Untitled

Fiction bar facebook, Underground mining cap lamp signals, Autocuiseur seb 8 litres ... Vlogbrothers youtube, Old is gold natok song, Mark waters linkedin, ......

overflow-x - CSS: Cascading Style Sheets | MDN

The overflow-x CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll...