Highlighting of absolutely positioned children of ix:nonNumeric elements

[arelle]

Highlighting of absolutely positioned children of ix:nonNumeric elements

[paulwarren-wk]

OK, to clarify, the issue is not the use of class attributes, but specifying position: absolute on an element within an <ix:nonNumeric> tag. This is an issue whether it is done using style attributes or CSS classes.

The viewer doesn't currently support this, as it wraps the <ix:nonNumeric> tag with an additional element, and applies highlighting/borders to that. Specifying position: absolute takes the enclosed element out of the flow of HTML elements, and so the rendered wrapper element is not actually wrapping anything.

This can be fixed within the document by placing the <ix:nonNumeric> element within the absolutely positioned element, and using <ix:continuation> if the tag spans multiple such elements.

I suspect this will be very hard to fix reliably within the viewer, as it would require detecting an separately such absolutely positioned elements.

[Nachtinho]

yes, it seems to be an issue in Preview (javascript) and it is a valid HTML. The workaround will blow up the HTML unnecessary. From my perspective it should be fixed in javascript, right ?

[beltistos87]

Hi,
first of all I would like to thanks everybody for the subject in this topic, because it was very useful to find at least a workaround.
I was dealing with the same issue and using position:relative in the html code let to obtain highlight in the iXBRL preview. Unfortunately, introducing the relative position may affect the correct view of the page created by the html, i.e. words in relative position move around and the readibilty of the text is reduced. So I am forced to assign the position:relative only to a word or two in order to minimize the loss of readibility.
Do you find any new suggestion to solve this issue?

Kind regards,
Andrea

[Nachtinho]

Hi,

Issue #107 has been fixed.
But still no progress on this...

Regards,

[paulwarren-wk]

Edited the summary to more accurately describe the issue.

Screenshot:

The reliance on absolutely position div elements to layout normal paragraphs of text seems very undesirable. As well as preventing correct highlighting of the iXBRL tags, it also interferes text selection behaviour in the browser.