Static + textbox + details/summary = disaster

[Dave Gifford - http://www.giffmex.org/]

Hi all

I am suddenly having CSS problems I never had before combining details/summary into a textbox and then exporting as static. There must be something I am overlooking, but I tried it so many times. Anyone have an expert eye to spot what I am doing wrong?

Here is the original file

http://articulos.giffmex.org/.index.arts.html

And here is how it looks when I export to static html

http://articulos.giffmex.org/

Any idea what I am doing wrong?

The stylesheet for the original file is http://articulos.giffmex.org/.index.arts.html#%24%3A%2F.giffmex%2FStylesheet%2FFor.publishing

Dave

[Mark S.]

Just wondering, on the source TW it says "Pulsa las líneas con » para abrir contenido oculto.". But clicking on the lines or anywhere around them doesn't do anything on mine. They seem to be permanently open. Is there a switch or something that activates the mechanism?

Mark

[David Gifford]

What browser do you use? The details and summary don't work for Microsoft Edge.

David Gifford

Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/7gxX_mE3sjo/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/5704bba8-1f56-48e9-9ec3-e7b871727d34%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Mark S.]

FF 47.

I guess there's some type of magic that's supposed to happen. Is it via a plugin?

I notice that the <span class="avisos1"> tag doesn't get wrapped around anything in the exported version.  So there's an actual structural change, not just some CSS mischief.

Good luck,
Mark

On Friday, July 7, 2017 at 9:24:51 AM UTC-7, David Gifford wrote:

What browser do you use? The details and summary don't work for Microsoft Edge.

David Gifford

Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org

On Fri, Jul 7, 2017 at 11:14 AM, 'Mark S.' via TiddlyWiki <tiddl...@googlegroups.com> wrote:

Just wondering, on the source TW it says "Pulsa las líneas con » para abrir contenido oculto.". But clicking on the lines or anywhere around them doesn't do anything on mine. They seem to be permanently open. Is there a switch or something that activates the mechanism?

Mark

On Friday, July 7, 2017 at 8:24:48 AM UTC-7, Dave Gifford - http://www.giffmex.org/ wrote:

Hi all

I am suddenly having CSS problems I never had before combining details/summary into a textbox and then exporting as static. There must be something I am overlooking, but I tried it so many times. Anyone have an expert eye to spot what I am doing wrong?

Here is the original file

http://articulos.giffmex.org/.index.arts.html

And here is how it looks when I export to static html

http://articulos.giffmex.org/

Any idea what I am doing wrong?

The stylesheet for the original file is http://articulos.giffmex.org/.index.arts.html#%24%3A%2F.giffmex%2FStylesheet%2FFor.publishing

Dave

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/7gxX_mE3sjo/unsubscribe.

To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

[Mark S.]

Oh, I see. It's a brand new feature that doesn't come in effect until FF 48.

Mark

[David Gifford]

Hi Mark

The magic is that clicking on any of the lines with » should open and close sliders. http://html5doctor.com/the-details-and-summary-elements/. But not all browsers do that, some like Edge leave the slider open.

The problem for me is that the first span class does not get applied, but the others do. Looks great on the actual TiddlyWiki file, but when I export a static file it looks wrong.

David Gifford

Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org

To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/22950494-1747-4d0e-842a-2a3f2fe7e6f5%40googlegroups.com.

[David Gifford]

The other related problem is that the first details element doesn't work like the others.

David Gifford

Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org

[Mark S.]

Hi Dave,

I ran your code through the W3C validator. They say you can't have <detail> inside of <span>. When I changed your outer <span class="avisos1"> (avisos2, etc.) into <div class="avisos1">, the exported results looked much better.

HTH
Mark

[Mark S.]

This appears to be an actual export bug, though if you could figure out the logic there might be a work-around. It probably never caused problems before your use of <detail><summary> .

What's happening is that the exporter is trying desperately to put an anchor to your (former) tiddler text. In the process it sticks <a name=mytiddler> tags after the start of various tags at the top of your exported tiddler. This sticks an <a> between <detail> and <summary>. According to HTML5, there isn't supposed to be any element between <detail> and <summary>.  That's what breaks your first detail/summary set. The exporter stops after the first set, which is why the rest of your items look OK.

I feel there must be way to trick the exporter into thinking that it's done its job and has inserted enough anchors *before* your real data begins, but I haven't been able to grok it yet.

Good luck,
Mark

[David Gifford]

Thanks for your help, Mark. I changed the spans to divs, and cheated by leaving the first section open with no details element, and that did the trick, though I have no idea how or why. But I can live with this.

Final product: http://articulos.giffmex.org/

David Gifford

Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/7gxX_mE3sjo/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/b18afaad-9684-40bb-a2a9-b37c713f3546%40googlegroups.com.

[Mark S.]

I looked at it in Chrome. It's a very attractive page.

Mark

On Friday, July 7, 2017 at 12:09:53 PM UTC-7, David Gifford wrote:

Thanks for your help, Mark. I changed the spans to divs, and cheated by leaving the first section open with no details element, and that did the trick, though I have no idea how or why. But I can live with this.

Final product: http://articulos.giffmex.org/

David Gifford

Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org

On Fri, Jul 7, 2017 at 1:59 PM, 'Mark S.' via TiddlyWiki <tiddl...@googlegroups.com> wrote:

This appears to be an actual export bug, though if you could figure out the logic there might be a work-around. It probably never caused problems before your use of <detail><summary> .

What's happening is that the exporter is trying desperately to put an anchor to your (former) tiddler text. In the process it sticks <a name=mytiddler> tags after the start of various tags at the top of your exported tiddler. This sticks an <a> between <detail> and <summary>. According to HTML5, there isn't supposed to be any element between <detail> and <summary>.  That's what breaks your first detail/summary set. The exporter stops after the first set, which is why the rest of your items look OK.

I feel there must be way to trick the exporter into thinking that it's done its job and has inserted enough anchors *before* your real data begins, but I haven't been able to grok it yet.

Good luck,
Mark

On Friday, July 7, 2017 at 10:26:47 AM UTC-7, David Gifford wrote:

The other related problem is that the first details element doesn't work like the others.

David Gifford

Mexico team leader, Mexico City

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/7gxX_mE3sjo/unsubscribe.

To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

[David Gifford]

Thank you!

David Gifford

Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org

To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/e1f01e32-c723-4d7c-adca-f95aa8e9dc05%40googlegroups.com.