From 13944a74acf82af7362c5644a27a1e809a300b28 Mon Sep 17 00:00:00 2001
From: Yvain Liechti <yvain_liechti@ultimatesoftware.com>
Date: Wed, 17 Jun 2020 16:28:24 +0200
Subject: [PATCH] data-open do not need `"true"` as value

---
 README.md    | 2 +-
 lib/index.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index a886fdf..dda9f5e 100644
--- a/README.md
+++ b/README.md
@@ -34,7 +34,7 @@ Basic HTML structure with roles `tablist`, `tab`, and `tabpanel`.
 
 An `aria-disabled` attribute set to `true` on a `tab` will disable the `tab` and the associated `tabpanel` making them unfocusable and unselectable.
 
-If you wish to open one specific tab when the script starts, just add the `data-open` attribute with the value of `true` on the desired `tab`:
+If you wish to open one specific tab when the script starts, just add the `data-open` attribute on the desired `tab` (without any value or with every other value than `"false"`, it will be considered as `true`):
 
 ```html
 <ul role="tablist">
diff --git a/lib/index.js b/lib/index.js
index 5a68a7d..aa3bafa 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -331,7 +331,7 @@ class Tablist{
       tab.disabled = tab.hasAttribute( 'disabled' ) || tab.getAttribute( 'aria-disabled' ) === 'true';
 
       // if there's no opened tab yet
-      if( tab.getAttribute( 'data-open' ) === 'true' && !tab.disabled ){
+      if( tab.hasAttribute( 'data-open' ) && tab.getAttribute( 'data-open' ) !== 'false' && !tab.disabled ){
         if( this._tablist.openedIndex === undefined ){
           this._toggleDisplay( index, true );