Is the this.dataset feature currently functional in Chrome, and can we expect it to be supported in Firefox as well?

In our HTML tags, we are utilizing the data- prefix to link additional data with our elements. The information can be accessed using the this.dataset property in Chrome. However, due to our reluctance to verify if our functions operate correctly across various browsers and engines (specifically supporting FF and Chrome only, excluding Safari and IE), our application is currently experiencing issues in FF because it does not recognize "this.dataset". Do you think FF will eventually support this feature (considering our app won't be ready for another month or more), or should we consider rewriting our code?

Answer №1

Unfortunately, the update for dataset support will not be included in Firefox until at least August. It is important to keep this timeline in mind if you are relying on this feature within the next month.

For more information, please refer to https://bugzilla.mozilla.org/show_bug.cgi?id=560112.

Answer №2

While you wait, consider implementing polyfills to support dataset and utilize the API:

https://example.com/article/html-5-dataset-polyfill

https://github.com/example/polyfills/dataset.js

Answer №3

In my opinion, it doesn't seem like this feature will be added to gecko anytime soon. However, it's not too difficult to code yourself.

On a related note, jQuery offers a helpful $.data() method that achieves the same result. If you're curious, you can take a look at the source code to see how they implement it, or simply use it as is.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Can a correctly typed text alter the image?

I am working on a feature where the image changes when the user enters the correct text, indicating that it was typed correctly. However, I am facing an issue where if the first two characters are entered correctly but the third one is not, the image still ...

javascript jquery

Repairing the Left-sided Popup Leaflet

Can someone help me with fixing the positioning of the Popup to the left of the map? Currently, it does not stay aligned to the left edge when moving the map. I tried using position: fixed in my styling, and while everything looks good when zooming, it br ...

javascript css reactjs leaflet

Utilize HighCharts to seamlessly implement multiple series with the help of AJAX requests

I am facing an issue with plotting the performance results on HighCharts using AJAX. The problem lies with the .addSeries API call not functioning correctly. I need assistance in determining if my approach is correct. $(function () { $('#chart3&a ...

javascript jquery ajax highcharts

Handsontable is experiencing difficulties with a single row that contains cells that are set to read-only

I recently implemented handsontable in my project and everything was working perfectly up until last week. However, for the past two days, I've been encountering an issue where it only displays a single row with readonly cells. I have not made any c ...

javascript handsontable

Looking for some advice on tackling this JavaScript challenge - how can I effectively split an array?

Hello everyone, I recently started learning javascript and I'm facing a challenge with the following problem. Below is the code I've written so far and I would greatly appreciate any feedback on where I may be going wrong and how I can solve this ...

javascript arrays

Validating Linkedin URLs with JavaScript for Input Fields

I've created a basic form with an input field for a LinkedIn URL. Is there a way to validate that this field only accepts valid LinkedIn URLs? Thank you! ...

javascript jquery

Displaying ISO date format within a date input field using React

Currently, I am working on a project where I am editing records retrieved through an API. Within the data, there are two fields that represent dates. The format of the date data from the API is in "2021-07-30T20:34:40.545Z", whereas the input field display ...

javascript reactjs date

Difficulty arises in displaying angle brackets while using the xml-builder node package

While working on creating an XML file using the "xml-builder" node module, I encountered an issue with angle brackets. When attempting to include "<" or ">", the resulting characters showed up as "<" and ">". The code snippet in question is: l ...

javascript node.js npm xml-builder

The PHP-generated table is not being appended to the specified div with jQuery

I am currently working on developing a webpage that displays live forex rates to users. I am pulling the values from a feed and echoing them into a table. My goal now is to use jQuery to show this table to the user. The issue I am facing is that when I tr ...

javascript php jquery

What is the process for adding a personalized button tag within rows using material-table and TypeScript, and what specific properties does it anticipate receiving?

Hey, I have a few questions that I could use some help with :) I'm trying to add both an Avatar tag and an Edit Button to every row in my table, but the Edit Button appears on both. How can I move the action to the right side of the table? Also, how d ...

javascript reactjs typescript material-ui material-table

Whenever I run "npm run build-dev" in Webpack with JavaScript, the browser continuously refreshes

I've been working on familiarizing myself with webpack lately. I've managed to convert everything to load modules and plugins, and it's all working fine when I use "npm run build-prod". Even when I use liveServer, the HTML loads properly. Ho ...

javascript node.js npm webpack

JavaScript library imports function correctly in Chrome but encounter issues in Internet Explorer

I'm currently working with ASP.NET MVC 5 and encountering an issue when trying to incorporate various JavaScript libraries such as jQuery, bootstrap.js, and others. While it's functioning well in Chrome, I'm facing compatibility problems in ...

javascript jquery asp.net-mvc google-chrome internet-explorer

Generating output from a callback function in TypeScript

When I execute a graphql query, the showUsers function is supposed to display all users (styled as boxes). However, at the moment, nothing is showing up. I am utilizing a functional component instead of a class component. This function is invoked after m ...

javascript reactjs typescript react-native render

Ways to boost an array index in JavaScript

I recently developed a JavaScript function that involves defining an array and then appending the values of that array to an HTML table. However, I am facing an issue with increasing the array index dynamically. <script src="https://cdnjs.cloudflare. ...

javascript html css arrays html-table

The tension settings in Chart.JS appear unusual

I recently updated to ChartJS v4.0.1 and noticed a new option called tension for curving the line chart. However, I'm not satisfied with how it looks. The tension option ranges from 0 to 1, and I've experimented with different values to enhance ...

javascript charts

Notify when the specified URL path is returned while the alert variable is present in jQuery

javascript php jquery

What is the best way to incorporate multiple HTML buttons that utilize the same JavaScript function within looped results?

My HTML page contains the following codes: <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="metin" placeholder="Geben Sie Artikel Nr" style="width: 30%;"/><br/><br/> <input type="button" class="sin ...

javascript php jquery html forms

Generate a new array of objects by cloning an existing array of objects with placeholder values

I am looking to transform an array of objects into another array of objects in order to generate a graph. Below is the array I am using to determine the position of each object within the new object. let uniqueSkills = ['Using', 'Analyzing ...

javascript jquery angular reactjs

JQuery/JS function not functioning as expected

Creating HTML with jQuery to retrieve data from a web API. At the start of my script, I defined a function that checks the selected value of a dropdown and assigns it to a global variable. var $seldom; $(document).ready(function () { function chkdom() ...

javascript jquery ajax

Execute a function once the Ajax request has finished

I am a beginner when it comes to working with Ajax. My current task involves using Ajax within a for loop, where I make an Ajax call and then run a function that utilizes the data retrieved from that call. However, I have noticed that the function only e ...

javascript jquery ajax json

JavaScripter Q&A