Opened 12 years ago

Last modified 11 years ago

#6796 closed bug

jQueryui - buttonset on rtl — at Initial Version

Reported by: oferwald Owned by:
Priority: minor Milestone: 1.8.14
Component: ui.button Version: 1.8.7
Keywords: Cc:
Blocked by: Blocking:

Description

If you attempt using a buttonset on a document or element which has dir="rtl" the wrong corners will be selected

Just see the code here (demo code for button set, only one change - bolded)

<html dir="rtl">

<!DOCTYPE html>
<html dir="rtl">
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  
  <script>
  $(document).ready(function() {
    $("#radio").buttonset();
  });
  </script>
</head>
<body style="font-size:62.5%;">
  
<div id="radio">
	<input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
	<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
	<input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
</div>

</body>
</html>

Change History (0)

Note: See TracTickets for help on using tickets.