#8777 closed bug (fixed)

Opened November 06, 2012 10:07AM UTC

Closed November 06, 2012 01:01PM UTC

Last modified November 13, 2012 03:51PM UTC

Tabs fail in Safari 5.1 when window.location contains a space

Reported by:	forw	Owned by:
Priority:	minor	Milestone:	1.9.2
Component:	ui.tabs	Version:	1.9.1
Keywords:		Cc:
Blocked by:		Blocking:

Description

When a URL contains whitespaces (in any part of URL), Tabs widget doesn't display properly in Safari browser, it draws tabs but all their content is displayed so you cannot switch between tabs. As soon as you remove all whitespaces from all folder names (and filename) the widget works correctly.

I checked it with Safari 5.1.7. It doesn't matter whether to open file locally (from file system) or from a web server.

Previous jQuery UI versions worked properly.

Attachments (0)

Change History (6)

Changed November 06, 2012 12:46PM UTC by scottgonzalez comment:1

description:	When a URL contains whitespaces (in any part of URL), Tabs widget doesn't display properly in Safari browser, it draws tabs but all their content is displayed so you cannot switch between tabs. As soon as you remove all whitespaces from all folder names (and filename) the widget works correctly. \ I checked it with Safari 5.1.7. It doesn't matter whether to open file locally (from file system) or from a web server. \ Previous jQuery UI versions worked properly. \ \ Here is a small sample. \ {{{ \ <!doctype html> \ <html lang="en"> \ <head> \ <meta charset="utf-8"> \ <title>tabs demo</title> \ <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"> \ <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> \ <script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script> \ <script type="text/javascript"> \ $(function(){ \ $("#tabs").tabs(); \ }); \ </script> \ </head> \ <body> \ <div id="tabs"> \ <ul> \ <li><a href="#c1tabToc">Contents</a></li> \ <li><a href="#c1tabIndex">Index</a></li> \ </ul> \ <div> \ <div id="c1tabToc">Tab 1</div> \ <div id="c1tabIndex">Tab 2</div> \ </div> \ </div> \ </body> \ </html> \ }}} \ → When a URL contains whitespaces (in any part of URL), Tabs widget doesn't display properly in Safari browser, it draws tabs but all their content is displayed so you cannot switch between tabs. As soon as you remove all whitespaces from all folder names (and filename) the widget works correctly. \ I checked it with Safari 5.1.7. It doesn't matter whether to open file locally (from file system) or from a web server. \ Previous jQuery UI versions worked properly.
status:	new → open
summary:	Tabs don't work in Safari → Tabs fail in Safari 5.1 when window.location contains a space

Changed November 06, 2012 01:01PM UTC by Scott González comment:2

resolution:	→ fixed
status:	open → closed

Tabs: Encode spaces from window.location. Fixes #8777 - Tabs fail in Safari 5.1 when window.location contains a space.

Changeset: c6b52db892703ba14153800dbf620db509acb9e6

Changed November 09, 2012 02:31PM UTC by rmetayer comment:3

When a URL contains accented characters or whitespaces (in any part of URL), Problem since 1.9, loading jquery-ui cancels loading the html page on Safari 5.1. All components.

Changed November 09, 2012 02:41PM UTC by scottgonzalez comment:4

@rmetayer Can you please expand on that and perhaps file a new ticket as it sounds unrelated to this issue (and doesn't seem to be true, since this bug wouldn't have been possible to reach)?

Changed November 13, 2012 03:50PM UTC by Scott González comment:5