Skip to content

inputs encapsulated in divs #1

@eek

Description

@eek

Hi, got a problem :)

Tried to implement it, but my design forces me to use divs to encapsulate some of the inputs / options. The problem is that the overlay will not work if another parent exists - mainly because it will not show eg, the css selector ~ works for selectors within same parents, and selecting a parent is only available in CSS4.

So in _open and _close

I have added after
this.fld.className += ' nl-field-open';
this.fld.parentNode.className += ' nl-overlay-open'; so that I can make the css work for the overlay.

Also on _close

this.fld.className = this.fld.className.replace(/\b nl-field-open\b/,''); this.fld.parentNode.className = this.fld.className.replace(/\b nl-overlay-open\b/,'');

Now it works, but I still have a problem, that when I click the overlay to close it, my other classes on the encapsulated divs are deleted.
Tried to change ALL the className with replace before and += after, still not working.

Any ideas? :)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions