I was just notified on Friday, June 29, at approximately 3 PM MDT, that BARBRI has implemented my fix to their website.

Thank you for all of your help, and I’m glad I could be of service.

WARNING: GEEKY LANGUAGE AHEAD! IF YOU WANT TO SKIP IT, DRAG THE FOLLOWING LINK TO YOUR BOOKMARK BAR:

BarbriQuestionFix

Next time you’re in a question series on the BARBRI website, and you’re sick of scrolling the whole thing, click the button in your bookmark bar.

Word to the wise, I’ve only tested this in Chrome, so if it breaks your browser, just refresh the page to reset the code, and then holler at me @nowyouknowjack on twitter or leave a comment below with your computer stats and browser preferences, and I’ll try to fix it.

Known issues:

after answering questions, some windows on other assignments will be blank. this can be fixed by reloading the page.

But why, Metzel?

Simple. I need more than five lines of text for prompts like this.

Originally, here’s what the thing looked like:

;

This is FAAAAR Too much information for one tiny little window. And the kicker? If you adjust your font size to 75%, it resizes the entire popup window.

We can’t have that.

Here are the steps I took to figure it out.

1. Using my trusty memory-vampire, Chrome, I inspected the elements for the text.

2. I found a div class called lrn_stimulus!

This div is where the text was located. This is the wrapper for the text prompt of the question.

3. It had a very tiny line-height style of 100 pixels. That’s next to nothing.

I have 1080 of them vertically on my monitor. Why shouldn’t I be able to use more than 10% of my monitor’s height? Let’s disable it.

4. YES:

I can now read the entirety of the question in a single window! but wait, everything is falling off the bottom, I can’t see answers C or D. Hmm.

5. After brief inspection, I found the window-height.

I chose to set the height to automatic, and the minimum height to the old static height of 666 pixels. Odd choice, right? I wonder how they came up with that number. It’s because bar prep is the devil.

6. I answered a question and got two things wrong.

The first was that I didn’t anticipate something in the prompt for the question. Oh well.

The second is that there is now an unreadable blurb about procedural due process behind my answer choice.

Again, no good.

7. Let’s move the blurb

That’s my official name for it. The blurb. This is unique to barbri learning questions. I see it has a fixed position. We need to change that to the opposite of fixed. Let’s change that from position:fixed to position:broken.

Okay, It’s relative, not broken; but amusingly, if you did set it to ‘broken’, most browsers would just ignore it as an invalid style. MOVING ONWARD

8. We have a full window, with nothing encroaching on anybody else’s business.

It’s a very tall window, but everything is readable. I elected to not change the scrollability of the bottom blurb because the text down there was small enough that I could keep my train of thought and still scroll.

9. A New challenger approaches!

Having finished all the questions, I now see that I have no freaking clue what my score is:

This is, interestingly, not set as a class, but as an ID, so there is a chance that this fix will break on ‘non-learning-questions,’ which I have many coming up this week. I’ll modify this post, if I find any issues.

LET’S FIX IT!

10. The finished results screen:

All I had to do to get this to work is set the position of #AssessmentScores to position:broke—– errrr position:relative, just like the blurb.

I’m wishing I left it the way it was. Don’t judge me for getting 50% on this. I just fixed your question window!

Again, so you don’t have to scroll all the way back to the top of this page, drag this link to your bookmark bar, and if you click it after your first question loads, you should be set to sail:

BarbriQuestionFix