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.

Title duplicated on the extreme left

See original GitHub issue

The table title appears duplicated because of this two pieces of code(here and here):

 caption: {
    position: "absolute",
    left: "-1000px",
},

<caption className={classes.caption}>{title}</caption>

Expected Behavior

This second appearance of the title shouldn’t happen

Current Behavior

I suggest the removal caption-title piece and I would be happy to do it, but before I want to understand why it is there (maybe there is a reason and needs a more complex solution).

Steps to Reproduce (for bugs)

Just zoom-out the table

Your Environment

Tech	Version
Material-UI	3.1.4
MUI-datatables	2.0.0-beta-36
React	16.4.1
browser	chrome & firefox

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

giovanisleitecommented, Dec 6, 2021

A good approach to solve this can be the strategy used by @joshwcomeau on this snippet (https://www.joshwcomeau.com/snippets/react-components/visually-hidden/)

1reaction

gregnbcommented, Oct 28, 2018

It is there for accessibility purposes so when a screen reader goes over the table it has a caption to read. I think a compromise to this is to set the position even further. I’m going to move it to -3000

Top Results From Across the Web

Are Duplicate Title Tags Bad for SEO? - Moving Traffic Media

There are good title tags, and then there are bad ones. Of the ways you can get title tags wrong, is using duplicate...

Duplicate Title Application - BMV - IN.gov

A duplicate title is obtained when the original title has been lost, stolen, mutilated, destroyed, or becomes illegible. The duplicate title is printed...

Quick Tip - Duplicate Legacy Titles in Premiere Pro - YouTube

Learn how to duplicate a title in Premiere Pro. Create a title template and reuse it multiple times and make slight adjustments to...

The title is duplicated and the buttons do not work with an ...

If you make an incomplete swipe to the previous view, then in case of scrolling, the text of the editor starts to be...

Lookup on Each Duplicate Value in Excel –

The table has been named Sales. To name a table, click on the DESIGN tab on Ribbon: the Table Name option is on...