Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Position property does not have support for RTL. #92

Open
8 tasks done
Caffeinix opened this issue Oct 7, 2016 · 0 comments
Open
8 tasks done

Position property does not have support for RTL. #92

Caffeinix opened this issue Oct 7, 2016 · 0 comments

Comments

@Caffeinix
Copy link

Description

paper-tooltip's left and right position values do not support right-to-left layout.

Expected outcome

A paper-tooltip that appears on the left side of an element in a left-to-right layout should appear on its right side when the layout direction if flipped to right-to-left.

Actual outcome

The paper-tooltip still appears on the left side, which may cause it to render offscreen or conceal important information.

Live Demo

https://jsbin.com/hemarasezu/edit?html,output

Steps to reproduce

  1. Set the direction of the page to RTL using <html dir="rtl">.
  2. Put a paper-button element in the page.
  3. Put a paper-tooltip element in the page and set its for attribute to the ID of the button.
  4. Open the page in a web browser.
  5. Hover the paper-button element.

Recommended solution

Add position values of "start" and "end" that map to left or right depending on the page direction.

Browsers Affected

  • Chrome
  • Firefox
  • Safari 9
  • Safari 8
  • Safari 7
  • Edge
  • IE 11
  • IE 10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Caffeinix