Text not selectable due to div.c covering other text - specific example provided

[GeorgeBailey]

I am having this issue: #423

PDF: https://drive.google.com/file/d/0BwwDqVDee2LXRk8zTi03NGxJZjQ/view?usp=sharing
HTML: https://drive.google.com/file/d/0BwwDqVDee2LXSFcyNEtYczFNbTQ/view?usp=sharing

Only the last bullet point "The Result" can be selected. It is in a div.c.

Because of this div.c the other bullet points cannot be selected.

One possible solution is to add CSS:

div.c { pointer-events: none; }
div.c>* { pointer-events: auto; padding-right: 100px; }

In the above CSS, pointer-events solves the bulk of the problem.

The padding-right was necessary to allow a selection beginning with "2. test" and ending with "The result". When no padding is present, the letters "sult" could not be selected easily.

I would suggest you add the above CSS to your output until you develop a more robust solution.

Until this issue is solved, I can add the CSS to the base.min.css manually. (I'm using --split-pages and --embed-css=0)

For some people. the problem can be mitigated even more effectively by adding div.c { overflow: visible; } which completely disables the clip feature. Of course would could cause display problems on some PDFs.

[GeorgeBailey]

Here is the PDF in pull request format as you requested at your blog.

coolwanglu/pdf2htmlEX-testcase#1

http://pdf2htmlex.blogspot.com/2015/03/new-repo-to-collect-test-cases.html

[coolwanglu]

Using pointer-events is indeed a good idea.
I'll test and add it.

Thanks!