question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tile being a button element interferes with content

See original GitHub issue

Currently the Tile class is implemented with its base element as a button.

This causes issues with certain pieces of content, in my case I cannot put tooltips on any custom content within the tile.

Could we either change the base element to div or offer the option to do so?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
jonnycookcommented, Jun 2, 2020

I’m fairly certain <button> is the only way to go here. It’s an active element and accessibility is one of the key features of React-Calendar.

But what is the downside to giving users of your library the freedom to choose whether or not accessibility is a priority? Offering the ability to override a default setting does not negate the advantages of the default setting.

I understand using buttons as a default element, but I do not understand imposing that decision on your users.

0reactions
wojtekmajcommented, Jul 4, 2018

I can’t say how it would affect accessibility either so I’d rather play it safe. Sorry for that! You’re still welcome to make a fork if you would need this after all. We shouldn’t have too many (if any) conflicts 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

When To Use The Button Element | CSS-Tricks
Buttons can have content​​ Phrasing content is a limited subset of HTML elements that “defines the text and the mark-up it contains. Runs...
Read more >
Jquery click event on a div tile not work - Stack Overflow
I am using "mousedown" event. However, the problem I face is that even though the new class gets added on clicking, the color...
Read more >
The Button element - HTML: HyperText Markup Language
If the button is a submit button, this Boolean attribute specifies that the form is not to be validated when it is submitted....
Read more >
How do I center links in a Community page's Tile Menu?
The following CSS works, I've tested it. /* Center items in a Tile Menu component */ .forceCommunityTileMenu .tileMenuItemList { justify-content ...
Read more >
ListTile class - material library - Flutter - Dart API docs
This example showcases how ListTile needs to be wrapped in a Material widget ... If the way ListTile pads and positions its elements...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found