Stupid question: How can I embed a TW in a static page without getting a scrollbar

[Peter Merel]

Iframes and objects and embed tags - oh my! And client side includes too ... but no combination of cute tricks seems to get rid of the extra scrollbar I get when I embed the TW in a static page.

I'm sure that I'm overlooking something obvious - how do you do it?

[Jed Carty]

You need to give more context than this. Otherwise the most specific answer possible is 'Probably with css'.

[Peter Merel]

No worries Jed, thanks for taking an interest. I’ve got a cut of it up at http://xscalealliance.org/blueprint.html . You’ll see two problems there:

1) Extra scrollbar

2) The first time you click on any link in the river, "

Internal JavaScript Error

Well, this is embarrassing. It is recommended that you restart TiddlyWiki by refreshing your browser

Uncaught TypeError: Cannot read property 'length' of null”

Apart from those things it seems to work okay ...

Both sites are hosted on github-pages and I should mention, in case one of these is a cross-site issue, I control both domains and can just add the TW as a git submodule if that would help …

Cheers,

Peter 

On 26 Apr 2018, at 7:25 PM, Jed Carty <inmy...@gmail.com> wrote:

You need to give more context than this. Otherwise the most specific answer possible is 'Probably with css'.

--
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/eBso1_a5zPY/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.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ee9b4d59-c4ed-4136-84ac-dc8b3626f435%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Birthe C]

I may be stupid but isn't it 

$:/plugins/felixhayashi/topstoryview/Configuration scroll offset=150px?

Birthe

[Jed Carty]

I am not getting any errors on the site on either safari or firefox. I don't know what your desired behaviour is here, it is working the way I would expect.

[Peter Merel]

Hi Jed,

Thanks for digging in. You’re right - the Javascript error message doesn’t occur for me in Firefox or Safari either. I just tried Vivaldi as well and couldn’t reproduce it. 

But I get it reliably only in Chrome. Only when I click on a link for the first time, and only when the wiki is in the iframe - I don’t get it at http://xscale.wiki where the TW is hosted.

I’m running Chrome Version 66.0.3359.139 (Official Build) (64-bit) on OSX 1-/11/6 on a mid-2012 Macbook Air … 

The extra scrollba occurs on all these browsers so long as we’re in the iframe. Again, on xscale.wiki, it doesn’t appear.

Cheers,

Peter 

On 27 Apr 2018, at 8:48 PM, Jed Carty <inmy...@gmail.com> wrote:

I am not getting any errors on the site on either safari or firefox. I don't know what your desired behaviour is here, it is working the way I would expect.

--
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/eBso1_a5zPY/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.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/5387f1ec-9949-438a-8c73-8e1ef73f7111%40googlegroups.com.

[Jed Carty]

I still don't know which extra scroll bar you mean. There is the scroll bar for the page and the scroll bar because the iframe element is smaller than its content, both are where they are supposed to be. Do you mean one of them?

[Peter Merel]

Yes, it’s the iframe scrollbar I’d like to get rid of there if you know a way. I’ve tried a few scripts that claimed to adjust the sizes to do it but no luck so far.

Peter

On 27 Apr 2018, at 10:42 PM, Jed Carty <inmy...@gmail.com> wrote:

I still don't know which extra scroll bar you mean. There is the scroll bar for the page and the scroll bar because the iframe element is smaller than its content, both are where they are supposed to be. Do you mean one of them?

--
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/eBso1_a5zPY/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.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/e570074e-7eaa-4204-9063-f8febc4763cf%40googlegroups.com.

[Jed Carty]

You need to describe the behaviour you want then. Because this is acting the way it is expected to act. You may be able to use css to hide the scroll bar but that doesn't sound like what you want.

[Peter Merel]

Sorry to be ambiguous Jed. What I’m hoping to see is the same layout as on http://xscale.wiki, but with the header I’m picking up from the static site per http://xscalealliance.org/blueprint.html , and without the iframe scrollbar. And ideally with a bit more room for the tiddlymap to expand into as well … but that bit’s just a nice to have.

On 27 Apr 2018, at 10:51 PM, Jed Carty <inmy...@gmail.com> wrote:

You need to describe the behaviour you want then. Because this is acting the way it is expected to act. You may be able to use css to hide the scroll bar but that doesn't sound like what you want.

--
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/eBso1_a5zPY/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.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/f0a01473-ccab-443e-b91b-e4a6e0bf32bc%40googlegroups.com.

[Mark S.]

I know I'm out of my league here, but when I inspect the code I see an "embed", not an "iframe".  And to me it looks like the onload function contains quotes within quotes which, AFAIK, isn't supposed to work (it needs to alternate single quote sets with double quote sets and/or escape quotes). The onload is where it attempts to set the height of the embedded object  to accommodate the scroll height of the browser, so if that fails in some browsers then maybe that would be why the scroll still shows up.

It kind of seems more like an HTML/CSS question rather than a TW question.

-- Mark

[Jed Carty]

Oh, is your goal having the embedded iframe change sizes to accommodate changes to the size of the wiki?

Because while that is probably possible it would take a lot more than some simple css.

[Peter Merel]

Yes, that’s it. Google finds many scripts that autoresize iframes to fit their contents, but I haven’t been able to make one of those work for TW … hoping someone here has.

Cheers,

Peter

On 28 Apr 2018, at 2:17 AM, Jed Carty <inmy...@gmail.com> wrote:

Oh, is your goal having the embedded iframe change sizes to accommodate changes to the size of the wiki?

Because while that is probably possible it would take a lot more than some simple css.

--
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/eBso1_a5zPY/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.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/472a987f-d5a5-4ae8-9841-d6e7e17c005a%40googlegroups.com.