Deep override

[fecony]

No matter how deep DOM is, they all get swapy attributes
I have a case of showing blocks with background with style attribute that just gets overwriten by swapy

Screen.Recording.2024-07-22.at.00.55.59.mov

code like this

<div
      className="item"
      data-swapy-item={itemId}
    >
      <div>
        <span>
          <span>
            <span>
              <span>
                <span
                  className="w-8 h-8 rounded-md bg-slate-50 inline-block"
                  style={{
                    backgroundColor: colour,
                  }}
                ></span>
              </span>
            </span>
          </span>
          {/* {colour} */}
        </span>
      </div>
    </div>

is same as this for swapy

    <div className="item" data-swapy-item={itemId}>
      <div>
        <span
          className="w-8 h-8 rounded-md bg-slate-50 inline-block"
          style={{
            backgroundColor: colour,
          }}
        ></span>
      </div>
    </div>

[TahaSh]

@fecony Good catch! I will fix the styling override issue. However, please note that using Swapy attributes (which are actually from Veloxi) on any nested element is expected. Other than the styling override, this shouldn't be a problem. Thank you for reporting this!

[TahaSh]

@fecony This should now be fixed in v0.1.0. Let me know if you have any questions!

[fecony]

@fecony This should now be fixed in v0.1.0.

Perfect!