Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Annotation popovers should not overlap #1874

Open
laurenwalker opened this issue Sep 8, 2021 · 4 comments · May be fixed by #2585
Open

Annotation popovers should not overlap #1874

laurenwalker opened this issue Sep 8, 2021 · 4 comments · May be fixed by #2585
Labels
enhancement hacktoberfest-accepted Issues to contribute for hacktoberfest 2021 semantics
Milestone

Comments

@laurenwalker
Copy link
Member

Screen Shot 2021-09-08 at 5.35.00 PM.png

I suggest we move the popovers so that they are not overlapping so they're both readable at the same time.

@mbjones
Copy link
Member

mbjones commented Sep 8, 2021

@laurenwalker I agree the annotation popovers shouldn't overlap. One solution might be to ensure that only one popover is open at a time by automatically closing any that are open when someone opens one of them. I think this is good behaviour even if they don't overlap, as I've always found it strange to have to click again to close the popovers. Better if they close automatically if someone clicks on another one. How does that sound to you all? cc @amoeba @mpsaloha

@amoeba
Copy link
Contributor

amoeba commented Sep 9, 2021

I've also found the popover behavior pretty strange. Popover claims to have a "focus" trigger mechanism that should do this for us but I haven't been able to make it work on Bootstrap 2.3.1 (our version). It does work as advertised on the 5.x series. @laurenwalker have you seen "focus" mode work?

Making sure the two popovers can both be displayed at the same time without overlapping could be tricky but having both open at the same time might be useful. I think either doing what you suggest (only show one at a time) or merging these back into a single but much wider popover might be best:

image

@laurenwalker
Copy link
Member Author

I have seen focus mode work, but I think its effectiveness depends on the element type. Since these are divs, it can be tricky to trigger a focus event. I think hover/mouseover might work better.

But I like your sketch of the single popover with info about the property and value.

@laurenwalker laurenwalker added the hacktoberfest-accepted Issues to contribute for hacktoberfest 2021 label Sep 30, 2021
@robyngit robyngit added this to the 2.27.0 milestone Jun 29, 2023
@robyngit robyngit modified the milestones: 2.27.0, 2.28.0 Sep 21, 2023
@robyngit robyngit modified the milestones: 2.28.0, 2.29.0 Feb 8, 2024
@robyngit robyngit modified the milestones: 2.29.0, 2.30.0 Apr 18, 2024
@robyngit robyngit modified the milestones: 2.30.0, 2.31.0 Jun 20, 2024
@robyngit
Copy link
Member

robyngit commented Sep 9, 2024

We can try using the FormaticUI popover module instead

@robyngit robyngit modified the milestones: 2.31.0, 2.32.0 Sep 9, 2024
robyngit added a commit that referenced this issue Dec 11, 2024
- Change the function paramater name from "which" to the more descriptive "popoverTarget"

Issue #1874
robyngit added a commit that referenced this issue Dec 11, 2024
- Consolidate some repeated code
- Move logic from initalize to render method to standardize the view
- Fix bug in updatePopover where the popover content property URI & label could be set to the value URI & label instead

Issue #1874
robyngit added a commit that referenced this issue Dec 11, 2024
Instead of the problematic bootstrap popovers

Issue #1874
robyngit added a commit that referenced this issue Dec 11, 2024
Instead of the problematic bootstrap popovers

Issue #1874
robyngit added a commit that referenced this issue Dec 11, 2024
- Replace the fetch and cache logic that was in the AnnotationView with methods from the new Bioontology model.
- This fixes the cache logic which wasn't working correctly.

Issue #1874
robyngit added a commit that referenced this issue Dec 11, 2024
- Remove the annotationPopover template which is not used anywhere
- Deprecate propertiees and methods that have been replaced by the Bioontology model:
  - Deprecate the bioportalLookupCache property in the AppModel
  - Deprecate the following methods from the LookupModel: bioportalGetConcepts, bioportalGetConceptsBatch, bioportalSearch, bioportalExpand

Issue #1874
@robyngit robyngit linked a pull request Dec 11, 2024 that will close this issue
robyngit added a commit that referenced this issue Dec 12, 2024
- URIs for the annotation property and value were not being detected from the DOM
- This bug seems to have existed prior to the recent changes to the annotation popovers
- Also ensure that the new popups are visible in all cases

Issue #1874
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement hacktoberfest-accepted Issues to contribute for hacktoberfest 2021 semantics
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants