Initially created in #1608878-190: Add CTools dropbutton to core, moving to here:

I ran into this while working on the breakpoint ui, to test this you need:
Patch from #1734642-95: Move breakpoint module into core - https://drupal.org/files/breakpoint_12.patch
Breakpoint UI code from git: git clone --recursive --branch core_ui http://git.drupal.org/project/breakpoints.git

I'm using this for the breakpoints UI, but the row containing the button gets bigger (and the width of the column changes), I expected that it would be positioned in front of it. Can this be clarified in the change notice if it's the expected behavior?

i1608878-190_before.png

i1608878-190_after.png

Comments

sun’s picture

Title: dropbutton changes height of the row and width of the column » Dropbutton does not changes height of the row and width of the column
Status: Active » Postponed (maintainer needs more info)

Can you please link to the actual code (lines) that uses #type 'operations'? I looked into the links in the summary, but they point to arbitrary repositories and I wasn't able to locate the code that attempts to use the new operations.

sun’s picture

Title: Dropbutton does not changes height of the row and width of the column » Dropbutton is not absolute positioned; changes height of table row and width of column

sorry, didn't complete the issue title change.

attiks’s picture

Status: Postponed (maintainer needs more info) » Active

Code is added by this http://drupalcode.org/project/drupal.git/commit/a67e53713b46c75c402e2b08...
Issue #1802834: Use #type => operations for EntityListController::buildOperations()

My own code didn't change, but is just using ConfigEntityListController - EntityListController

attiks’s picture

attiks’s picture

No idea why I didn't try this before, but using same install, same browser it works on admin/content.

Only thing I notice is that after opening the operations I get an horizontal scrollbar, that isn't going away after closing the operations. Row height/Column width stay the same.

attiks’s picture

Mystery solved, my page is missing css, node.admin.css has this added

/**
 * Operations dropbuttons
 */
.dropbutton-wrapper {
  display: block;
  min-height: 2em;
  position: relative;
}
.dropbutton-widget {
  position: absolute;
  right: 0; /* LTR */
}
.dropbutton-wrapper,
.dropbutton-widget {
  max-width: 100%;
}
.dropbutton-multiple.open,
.dropbutton-multiple.open .dropbutton-widget {
  max-width: none;
}
.dropbutton-multiple.open {
  z-index: 100;
}
attiks’s picture

Title: Dropbutton is not absolute positioned; changes height of table row and width of column » Dropbutton doesn't have standard css and is causing a horizontal scrollbar to appear

Changing title to reflect real problem.

Bojhan’s picture

Component: javascript » markup
Issue tags: +Usability

Strange

sun’s picture

Status: Active » Closed (duplicate)

Let's fix this in a follow-up patch in the original issue.

attiks’s picture

Title: Dropbutton doesn't have standard css and is causing a horizontal scrollbar to appear » Dropbutton is causing a horizontal scrollbar to appear
Status: Closed (duplicate) » Active

scrollbar problem is not solved yet

tim.plunkett’s picture

Status: Active » Closed (duplicate)

Please add it here #1799498: Improve dropbutton