[jboss-jira] [JBoss JIRA] (DROOLS-2922) CSS: Pop-over menu for DMN decision tables.

[Sarah Rambacher (JIRA)]

    [ https://issues.jboss.org/browse/DROOLS-2922?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13631416#comment-13631416 ] 

Sarah Rambacher commented on DROOLS-2922:
-----------------------------------------

The HTML (no CSS necessary) is in this PR: https://github.com/srambach/BxMS-frontend/pull/75/files

Rawgit: https://rawgit.com/srambach/BxMS-frontend/b546dda494fc91069f3cdba54d8ed52e03214a9e/drools-popover.html

This is just the popover, and separately, the content that should be put into the popover.

One not about keyboard accessibility - to get to the dropdown selections, you use the arrow keys. However, to get to the text input inside the dropdown, you have to tab. I think (but am not positive) that ideally they would be consistent and use the arrow key, but I can't get this to happen. Probably needs some JS.

[~manstis] [~uxdlc]

> CSS: Pop-over menu for DMN decision tables.
> -------------------------------------------
>
>                 Key: DROOLS-2922
>                 URL: https://issues.jboss.org/browse/DROOLS-2922
>             Project: Drools
>          Issue Type: Story
>          Components: DMN Editor
>            Reporter: Liz Clayton
>            Assignee: Sarah Rambacher
>              Labels: UX, UXTeam, drools-tools
>         Attachments: DataType selection ('Properties Panel' and 'in-grid').png, Screen Shot 2018-08-10 at 10.23.36 AM.png, pop-overc.png, pop-overcSpecs.png, select.png
>
>
> *Background*
> Persona: Business analyst or Rules practitioner
> Use Cases from the DMN canvas view, as a user I want to:
> * Search a list of available data types from a decision table, as part of an input/selection process. 
> * Select  a data type inline from a decision table. 
> * Have a means to rename the Decision (node.)
> * Have a means to access the Manage Data Types dialog.
> Notes: 
> Design requires a Pop-over, which includes:
> * Form field labels for usability (context) and accessibility.
> * Variant 1 of the PF pop-over patterns, which supports a the pop-up title. 
> * Drop down component with Live Search
> * "Manage" link opens a dialog. 
> * Pop-up is initiated by a single-left mouse click within the respective decision table cell. 
> * Design needs to be reasonably consistent with Stunner and PF components. 
> Verification conditions:
> * Scrum team and PO review. 



--
This message was sent by Atlassian JIRA
(v7.5.0#75005)