www.digitalmars.com         C & C++   DMDScript  

digitalmars.D - Twitter widget cut on dconf.org on Chrome/OSX

reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
We have a bit of trouble with the Twitter widget on Chrome, at 
http://dconf.org/talks/lucarella.html. The widget is chopped at the bottom.

Is there a simple fix for this?


Thanks,

Andrei
Apr 22 2013
next sibling parent reply "Steven Schveighoffer" <schveiguy yahoo.com> writes:
On Mon, 22 Apr 2013 11:57:35 -0400, Andrei Alexandrescu  
<SeeWebsiteForEmail erdani.org> wrote:


 We have a bit of trouble with the Twitter widget on Chrome, at  
 http://dconf.org/talks/lucarella.html. The widget is chopped at the  
 bottom.

 Is there a simple fix for this?


Firefox

:)

Sorry, couldn't help.

-Steve
Apr 22 2013
parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 4/22/13 12:02 PM, Steven Schveighoffer wrote:

 On Mon, 22 Apr 2013 11:57:35 -0400, Andrei Alexandrescu
 <SeeWebsiteForEmail erdani.org> wrote:


 We have a bit of trouble with the Twitter widget on Chrome, at
 http://dconf.org/talks/lucarella.html. The widget is chopped at the
 bottom.

 Is there a simple fix for this?


 Firefox

 :)

 Sorry, couldn't help.


Unfortunately the joke's ironic as FF has its own share of problems in 
displaying that page.

Andrei
Apr 22 2013
parent "Steven Schveighoffer" <schveiguy yahoo.com> writes:
On Mon, 22 Apr 2013 12:17:13 -0400, Andrei Alexandrescu  
<SeeWebsiteForEmail erdani.org> wrote:


 Unfortunately the joke's ironic as FF has its own share of problems in  
 displaying that page.


Seems correct to me under opera or firefox.  But I guess if there is an  
omitted portion, I wouldn't know :)

-Steve
Apr 22 2013
prev sibling next sibling parent reply "Mr. Anonymous" <mailnew4ster gmail.com> writes:
On Monday, 22 April 2013 at 15:57:28 UTC, Andrei Alexandrescu 
wrote:

 We have a bit of trouble with the Twitter widget on Chrome, at 
 http://dconf.org/talks/lucarella.html. The widget is chopped at 
 the bottom.

 Is there a simple fix for this?


 Thanks,

 Andrei


A more serious issue is that the speakers page is chopped in 
Firefox:
http://dconf.org/speakers/index.html

It lists only until Dmitry Olshansky.

No wonder, as it has a fixed size in pixels.
Apr 22 2013
parent reply "Steven Schveighoffer" <schveiguy yahoo.com> writes:
On Mon, 22 Apr 2013 12:50:50 -0400, Mr. Anonymous <mailnew4ster gmail.com>  
wrote:


 A more serious issue is that the speakers page is chopped in Firefox:
 http://dconf.org/speakers/index.html

 It lists only until Dmitry Olshansky.

 No wonder, as it has a fixed size in pixels.


I don't see that problem in firefox, or opera

-Steve
Apr 22 2013
next sibling parent reply "Mr. Anonymous" <mailnew4ster gmail.com> writes:
On Monday, 22 April 2013 at 17:11:49 UTC, Steven Schveighoffer 
wrote:

 On Mon, 22 Apr 2013 12:50:50 -0400, Mr. Anonymous 
 <mailnew4ster gmail.com> wrote:


 A more serious issue is that the speakers page is chopped in 
 Firefox:
 http://dconf.org/speakers/index.html

 It lists only until Dmitry Olshansky.

 No wonder, as it has a fixed size in pixels.


 I don't see that problem in firefox, or opera

 -Steve


I did a refresh, and it works now.
Cache, I guess.

Sorry for the false alert.
Apr 22 2013
parent Rainer Schuetze <r.sagitario gmx.de> writes:
On 22.04.2013 19:19, Mr. Anonymous wrote:

 On Monday, 22 April 2013 at 17:11:49 UTC, Steven Schveighoffer wrote:

 On Mon, 22 Apr 2013 12:50:50 -0400, Mr. Anonymous
 <mailnew4ster gmail.com> wrote:


 A more serious issue is that the speakers page is chopped in Firefox:
 http://dconf.org/speakers/index.html

 It lists only until Dmitry Olshansky.

 No wonder, as it has a fixed size in pixels.


 I don't see that problem in firefox, or opera

 -Steve


 I did a refresh, and it works now.
 Cache, I guess.

 Sorry for the false alert.


The problem is not with the cache. If you press Ctrl+F5 the page is cut 
short again.

I think the height of the page is determined after a short time, but 
depending on the speed of the download, the pictures might not yet be 
loaded completely, so the layout figures out a height that is too small 
when all pictures are loaded.

It might have to do with some broken html that the source viewer shows 
inside FF, the first is "<span class="sp">Sponsors</sp>"
Apr 22 2013
prev sibling parent "deadalnix" <deadalnix gmail.com> writes:
On Monday, 22 April 2013 at 17:11:49 UTC, Steven Schveighoffer 
wrote:

 On Mon, 22 Apr 2013 12:50:50 -0400, Mr. Anonymous 
 <mailnew4ster gmail.com> wrote:


 A more serious issue is that the speakers page is chopped in 
 Firefox:
 http://dconf.org/speakers/index.html

 It lists only until Dmitry Olshansky.

 No wonder, as it has a fixed size in pixels.


 I don't see that problem in firefox, or opera

 -Steve


The problem is subtle, a javascript is bugguy and set a wrong 
height. I already reported that one a while ago xD
Apr 23 2013
prev sibling next sibling parent Jacob Carlborg <doob me.com> writes:
On 2013-04-22 17:57, Andrei Alexandrescu wrote:

 We have a bit of trouble with the Twitter widget on Chrome, at
 http://dconf.org/talks/lucarella.html. The widget is chopped at the bottom.

 Is there a simple fix for this?


There's something weird going on here. All browsers on Mac OS X has this 
problem (FF, Safari and Chrome). It only happens when I do a "hard" 
reload, that is, don't use anything from the local cache. The following 
things happens when I do a hard reload:

* The HTML classes "page_left", "divider_v" and "page_right" has the CSS 
style property "height" set to "637px"

* I get the following JavaScript error:

"NetworkError: 503 Service Unavailable - 
http://search.twitter.com/search.json?q=%23dconf%20OR%20from%3AD_programming%20OR%20%40D_programming&include_rts=true&callback=TWTR.Widget.receiveCallback_1&rpp=20&clientsource=TWITTERINC_WIDGET&result_type=mixed&1366729612406=

(That is not the full URL)

* JavaScript error: "TypeError: that.decay is not a function". Most 
likely due to the error above

If I then do a normal reload I don't get any JavaScript errors and the 
HTML classes above have their height set to "703px".

This is easy to see in any web browser using its built in developer 
tools. Just right click anywhere on the page and choose "Inspect 
element". Then choose the "Console" tab.

-- 
/Jacob Carlborg
Apr 23 2013
prev sibling parent reply "qznc" <qznc go.to> writes:
On Monday, 22 April 2013 at 15:57:28 UTC, Andrei Alexandrescu 
wrote:

 We have a bit of trouble with the Twitter widget on Chrome, at 
 http://dconf.org/talks/lucarella.html. The widget is chopped at 
 the bottom.

 Is there a simple fix for this?


The <div class="page_right equal"> element has a hard-coded 
height (643px). Removing that inline styling it works for me.
Apr 23 2013
parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 4/23/13 12:01 PM, qznc wrote:

 On Monday, 22 April 2013 at 15:57:28 UTC, Andrei Alexandrescu wrote:

 We have a bit of trouble with the Twitter widget on Chrome, at
 http://dconf.org/talks/lucarella.html. The widget is chopped at the
 bottom.

 Is there a simple fix for this?


 The <div class="page_right equal"> element has a hard-coded height
 (643px). Removing that inline styling it works for me.


Thanks, confirmed (comes to 641px in my browser). Problem is that 
constraint seems to be generated dynamically.

Andrei
Apr 23 2013
parent reply "Vladimir Panteleev" <vladimir thecybershadow.net> writes:
On Tuesday, 23 April 2013 at 21:39:39 UTC, Andrei Alexandrescu 
wrote:

 Thanks, confirmed (comes to 641px in my browser). Problem is 
 that constraint seems to be generated dynamically.


http://dconf.org/includes/css.js

This looks like a JS hack for the multi-column CSS problem 
(trying to have multiple columns, and having each column have the 
height of the tallest one).

CSS3 has columns. Current browser support: 
http://caniuse.com/#feat=multicolumn

However, in this case, this seems unnecessary, as the left part 
of the page will rarely be taller than the right part, and even 
in that case, the layout looks acceptable. Thus, it's possible to 
simply set the vertical separator as a non-repeating background 
on the left side of the right-hand column.

I was going to send a pull request to 
https://github.com/D-Programming-Language/dconf.org , but that 
repository is out of date. Here's some "patches" and a patched up 
page to test: http://thecybershadow.net/d/dconf-org-layout/

(Alternatively, just use a table.)
Apr 23 2013
next sibling parent reply Nick Sabalausky <SeeWebsiteToContactMe semitwist.com> writes:
On Wed, 24 Apr 2013 00:40:44 +0200
"Vladimir Panteleev" <vladimir thecybershadow.net> wrote:

 
 (Alternatively, just use a table.)


I consider HTML-tables-for-layout one of my not-so-secret weapons. It's
immensely useful, simple, powerful and easy, they work right on
freaking everything, and ever since PalmOS browsers disappeared (ie no
nested tables) it has no real downsides aside from some goofy hand-wavy
ideology. I love HTML layout tables :)
Apr 23 2013
parent Jacob Carlborg <doob me.com> writes:
On 2013-04-24 01:42, Nick Sabalausky wrote:


 I consider HTML-tables-for-layout one of my not-so-secret weapons. It's
 immensely useful, simple, powerful and easy, they work right on
 freaking everything, and ever since PalmOS browsers disappeared (ie no
 nested tables) it has no real downsides aside from some goofy hand-wavy
 ideology. I love HTML layout tables :)


Or one can just use Bootstrap and all this is already done for you.

http://twitter.github.io/bootstrap/

And no, you don't have to use the JavaScript stuff.

-- 
/Jacob Carlborg
Apr 23 2013
prev sibling parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 4/23/13 6:40 PM, Vladimir Panteleev wrote:

 I was going to send a pull request to
 https://github.com/D-Programming-Language/dconf.org , but that
 repository is out of date. Here's some "patches" and a patched up page
 to test: http://thecybershadow.net/d/dconf-org-layout/


Yah, we're in the private repo, we should switch back to the public one. 
I made a bunch of changes based on your patch, still no cigar. On my 
browser e.g. http://dconf.org/talks/cehreli.html has the likes paragraph 
overflow.

Andrei
Apr 24 2013
parent reply "Vladimir Panteleev" <vladimir thecybershadow.net> writes:
On Wednesday, 24 April 2013 at 16:33:37 UTC, Andrei Alexandrescu 
wrote:

 On 4/23/13 6:40 PM, Vladimir Panteleev wrote:

 I was going to send a pull request to
 https://github.com/D-Programming-Language/dconf.org , but that
 repository is out of date. Here's some "patches" and a patched 
 up page
 to test: http://thecybershadow.net/d/dconf-org-layout/


 Yah, we're in the private repo, we should switch back to the 
 public one. I made a bunch of changes based on your patch, 
 still no cigar. On my browser e.g. 
 http://dconf.org/talks/cehreli.html has the likes paragraph 
 overflow.


I don't see my changes on that page.
Apr 24 2013
parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 4/24/13 12:45 PM, Vladimir Panteleev wrote:

 On Wednesday, 24 April 2013 at 16:33:37 UTC, Andrei Alexandrescu wrote:

 On 4/23/13 6:40 PM, Vladimir Panteleev wrote:

 I was going to send a pull request to
 https://github.com/D-Programming-Language/dconf.org , but that
 repository is out of date. Here's some "patches" and a patched up page
 to test: http://thecybershadow.net/d/dconf-org-layout/


 Yah, we're in the private repo, we should switch back to the public
 one. I made a bunch of changes based on your patch, still no cigar. On
 my browser e.g. http://dconf.org/talks/cehreli.html has the likes
 paragraph overflow.


 I don't see my changes on that page.


I must have missed them; I didn't patch things directly but instead 
modified the source files by hand. What are the essential changes?

Andrei
Apr 24 2013
parent reply "Vladimir Panteleev" <vladimir thecybershadow.net> writes:
On Wednesday, 24 April 2013 at 17:17:50 UTC, Andrei Alexandrescu 
wrote:

 On 4/24/13 12:45 PM, Vladimir Panteleev wrote:

 On Wednesday, 24 April 2013 at 16:33:37 UTC, Andrei 
 Alexandrescu wrote:

 On 4/23/13 6:40 PM, Vladimir Panteleev wrote:

 I was going to send a pull request to
 https://github.com/D-Programming-Language/dconf.org , but 
 that
 repository is out of date. Here's some "patches" and a 
 patched up page
 to test: http://thecybershadow.net/d/dconf-org-layout/


 Yah, we're in the private repo, we should switch back to the 
 public
 one. I made a bunch of changes based on your patch, still no 
 cigar. On
 my browser e.g. http://dconf.org/talks/cehreli.html has the 
 likes
 paragraph overflow.


 I don't see my changes on that page.


 I must have missed them; I didn't patch things directly but 
 instead modified the source files by hand. What are the 
 essential changes?


The essential changes are what the second patch is:

http://thecybershadow.net/d/dconf-org-layout/0002-Move-vertical-divider-to-right-hand-column.patch
Apr 24 2013
parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 4/24/13 1:21 PM, Vladimir Panteleev wrote:

 The essential changes are what the second patch is:

 http://thecybershadow.net/d/dconf-org-layout/0002-Move-vertical-divider-to-right-hand-column.patch


Awesome, that did the trick at least for me. All -- see any issues?

Andrei
Apr 24 2013
parent reply "Vladimir Panteleev" <vladimir thecybershadow.net> writes:
On Wednesday, 24 April 2013 at 17:41:20 UTC, Andrei Alexandrescu 
wrote:

 On 4/24/13 1:21 PM, Vladimir Panteleev wrote:

 The essential changes are what the second patch is:

 http://thecybershadow.net/d/dconf-org-layout/0002-Move-vertical-divider-to-right-hand-column.patch


 Awesome, that did the trick at least for me. All -- see any 
 issues?


The vertical bar is gone (because my browser saved the image file 
to a relative location different from the server one). Change 
url('dotted_v.png') to url('../images/dotted_v.png') to fix it.
Apr 24 2013
parent Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 4/24/13 2:53 PM, Vladimir Panteleev wrote:

 On Wednesday, 24 April 2013 at 17:41:20 UTC, Andrei Alexandrescu wrote:

 On 4/24/13 1:21 PM, Vladimir Panteleev wrote:

 The essential changes are what the second patch is:

 http://thecybershadow.net/d/dconf-org-layout/0002-Move-vertical-divider-to-right-hand-column.patch


 Awesome, that did the trick at least for me. All -- see any issues?


 The vertical bar is gone (because my browser saved the image file to a
 relative location different from the server one). Change
 url('dotted_v.png') to url('../images/dotted_v.png') to fix it.


Aha, my bad. Thanks, fixed now.

Andrei
Apr 24 2013