From eab9792d7565e0c55cd2a27b1b1a7f40ec2a195c Mon Sep 17 00:00:00 2001
From: Danny van der Biezen <dannyb@infosupport.com>
Date: Fri, 24 Nov 2017 13:26:00 +0100
Subject: [PATCH] Fix for dropdown in scrollblock

---
 semantic.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/semantic.js b/semantic.js
index de52e032..ba26d812 100755
--- a/semantic.js
+++ b/semantic.js
@@ -7568,6 +7568,7 @@ $.fn.dropdown = function(parameters) {
             calculations = {
               context: {
                 scrollTop : $context.scrollTop(),
+                offset    : $context.offset(),
                 height    : $context.outerHeight()
               },
               menu : {
@@ -7579,8 +7580,8 @@ $.fn.dropdown = function(parameters) {
               calculations.menu.offset.top += calculations.context.scrollTop;
             }
             onScreen = {
-              above : (calculations.context.scrollTop) <= calculations.menu.offset.top - calculations.menu.height,
-              below : (calculations.context.scrollTop + calculations.context.height) >= calculations.menu.offset.top + calculations.menu.height
+              above : (calculations.context.scrollTop) <= calculations.menu.offset.top - calculations.context.offset.top - calculations.menu.height,
+              below : (calculations.context.scrollTop + calculations.context.height) >= calculations.menu.offset.top - calculations.context.offset.top + calculations.menu.height
             };
             if(onScreen.below) {
               module.verbose('Dropdown can fit in context downward', onScreen);