Open Bug 1613466 Opened 2 years ago Updated 23 days ago

Firefox Developer Tools: An RTL override character in an attribute affects the entire line

Categories

(DevTools :: Inspector, defect, P3)

72 Branch
defect

Tracking

(Not tracked)

People

(Reporter: lmoeller, Unassigned)

References

(Blocks 1 open bug)

Details

(Keywords: parity-chrome, rtl, testcase, Whiteboard: [dt-q])

Attachments

(1 file)

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:72.0) Gecko/20100101 Firefox/72.0

Steps to reproduce:

I opened a html-file (See attachment) containing a tag with an attribute containing a Unicode RTL override character (U+202E) and opened the Developer Tools using "Inspect Element".

Actual results:

The tag is being displayed as: <div data-test="<vid/><". (Note that it is only displayed as such but copying the tag obviously leads to the correct result)

Expected results:

The tag should be displayed as <div data-test=""></div>. The RTL override should only be applied to the attribute and not to other elements in the same line.

Summary: Firefox Developer Tools: An RTL override character in an attribute affects the entire line. → Firefox Developer Tools: An RTL override character in an attribute affects the entire line

(In reply to lmoeller from comment #0)

The tag is being displayed as: <div data-test="<vid/><"

That's also how it shows in the preview for the attachment above. Vivaldi shows <div data-test="&#8238;"></div>

Blocks: dt-rtl
Has STR: --- → yes
Component: Untriaged → Inspector
Product: Firefox → DevTools

This screenshot shows how it is rendered on my computer: https://i.ibb.co/Q6TNLqC/Screen-Shot-2020-02-05-at-22-17-14.png
I am running macOS 10.15.2, Firefox 72.0.2 (Shows that no update is available)

(In reply to Gingerbread Man from comment #1)

(In reply to lmoeller from comment #0)

The tag is being displayed as: <div data-test="<vid/><"

That's also how it shows in the preview for the attachment above. Vivaldi shows <div data-test="&#8238;"></div>

Thanks for filing, and for the clear testcase. I can reproduce.

Status: UNCONFIRMED → NEW
Ever confirmed: true
Priority: -- → P3
Whiteboard: [dt-q]

Testcase with U+202E in the attribute value, in the attribute name, and in the tag name:

document.write(`
  <div data-test="\u202e"></div>
  <div data-\u202e></div>
  <div-\u202e></div-\u202e>
`);
document.close();
inspect(document.body.firstElementChild);

Devtools should use unicode-bidi: isolate or something.

See Also: → 1688168
You need to log in before you can comment on or make changes to this bug.