View Issue Details

IDProjectCategoryView StatusLast Update
0003053OXID eShop (all versions)3.1. Design, GUI, UXpublic2011-08-24 13:34
Reportertjungcl 
PrioritynormalSeverityminorReproducibilityalways
Status resolvedResolutionfixed 
Product Version4.5.0 revision 34568 
Target VersionFixed in Version4.6.0_beta2 
Summary0003053: left topnavigation popup can exceed available pagedimensions
Descriptionif you have very long subcategories in your first category, the mouse-over popup reaches below page position zero - so on a small display (1024 width) it is partly out of the screen.
Steps To Reproduce- set your browser window to a width that the shop fits just in
- create a subcategory of your first top-category like "very long surfboards for oversized surfers are in here, come and have a look - i know, this is a stupid name for a category"
- mouse over the first top-category


=> the left part of the menu is now out of the screen.
Additional Informationsuggestion for fix:

in oxtopmenu.js after marginWidth = ... add these two lines:

var itemleft = activeItem.position().left + marginWidth;
if (itemleft < 0) marginWidth -= itemleft;

TagsNo tags attached.
ThemeAzure
BrowserAll
PHP Versionany
Database Versionany

Activities

tjungcl

2011-07-18 10:20

reporter   ~0004867

Last edited: 2011-07-18 10:27

View 3 revisions

same problem on the right side. Suggestion (add after the two lines i posted above).

//fix for overlapping right page margin
var pagewidth = $("#page").outerWidth(),
itemright = activeItem.position().left + this.outerWidth() + marginWidth;
if (itemright > pagewidth) marginWidth += pagewidth - itemright;

Linas Kukulskis

2011-08-24 13:34

reporter   ~0005097

added fixes