Skip to content
This repository has been archived by the owner on Dec 19, 2024. It is now read-only.

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 subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Caffeinix